daniel/Personal_Website
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix content jump of tags on small screens

Browse Source
This commit is contained in:
Daniel_I_Am 2022-06-15 18:16:23 +02:00
parent d39679495f
commit 37ef86227a
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/sass/_flex.scss
View File

@ -13,3 +13,9 @@
.flex-direction-column { .flex-direction-column {
flex-direction: column; flex-direction: column;
} }
.flex-sm-direction-column {
@media (max-width: $sm) {
flex-direction: column;
}
}

2
layouts/snippets/single.html
View File

@ -1,7 +1,7 @@
{{ define "main" }} {{ define "main" }}
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
<div class="flex flex-spread"> <div class="flex flex-spread flex-sm-direction-column">
<span>Published on {{ .Date.Format "January 2, 2006" }}</span> <span>Published on {{ .Date.Format "January 2, 2006" }}</span>
<span> <span>
{{ range .Params.Tags }} {{ range .Params.Tags }}