Fix character display on mobile

This commit is contained in:
Joshua Goins 2025-01-16 18:11:10 -05:00
parent 86e095496c
commit b0051d10db
2 changed files with 10 additions and 2 deletions

View file

@ -62,6 +62,10 @@
visibility: hidden; visibility: hidden;
height: 0; height: 0;
} }
#character-container {
grid-template-columns: 50% 50%;
}
} }
@media (min-width: 1100px) { @media (min-width: 1100px) {
@ -866,3 +870,7 @@ model-viewer {
.project-contribution { .project-contribution {
background-color: #586449; background-color: #586449;
} }
#character-container {
display: grid;
}

View file

@ -8,7 +8,7 @@
{{ $.Scratch.Set "header-type" "h3" }} {{ $.Scratch.Set "header-type" "h3" }}
{{ $.Scratch.Set "header-name" "Original" }} {{ $.Scratch.Set "header-name" "Original" }}
{{ partial "fake-heading.html" $ }} {{ partial "fake-heading.html" $ }}
<div class="generic-con" style="display: grid; grid-template-columns: 50% 50%;"> <div class="generic-con" id="character-container">
{{ range $name, $taxonomy := (index .Site.Taxonomies .Params.listtag) }} {{ range $name, $taxonomy := (index .Site.Taxonomies .Params.listtag) }}
{{ $original := false }} {{ $original := false }}
@ -30,7 +30,7 @@
{{ $.Scratch.Set "header-name" "Others" }} {{ $.Scratch.Set "header-name" "Others" }}
{{ partial "fake-heading.html" $ }} {{ partial "fake-heading.html" $ }}
</summary> </summary>
<div class="generic-con" style="display: grid; grid-template-columns: 50% 50%;"> <div class="generic-con" id="character-container">
{{ range $name, $taxonomy := (index .Site.Taxonomies .Params.listtag) }} {{ range $name, $taxonomy := (index .Site.Taxonomies .Params.listtag) }}
{{ $original := false }} {{ $original := false }}
{{ if $taxonomy.Page.Params.original }} {{ if $taxonomy.Page.Params.original }}