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;
height: 0;
}
#character-container {
grid-template-columns: 50% 50%;
}
}
@media (min-width: 1100px) {
@ -866,3 +870,7 @@ model-viewer {
.project-contribution {
background-color: #586449;
}
#character-container {
display: grid;
}

View file

@ -8,7 +8,7 @@
{{ $.Scratch.Set "header-type" "h3" }}
{{ $.Scratch.Set "header-name" "Original" }}
{{ 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) }}
{{ $original := false }}
@ -30,7 +30,7 @@
{{ $.Scratch.Set "header-name" "Others" }}
{{ partial "fake-heading.html" $ }}
</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) }}
{{ $original := false }}
{{ if $taxonomy.Page.Params.original }}