fix css grid

This commit is contained in:
Gabriel 2024-10-20 18:48:26 -04:00
parent 90ae2c6082
commit 5b35dbf026
2 changed files with 4 additions and 9 deletions

View file

@ -3,15 +3,15 @@
{{partial "head" .}}
<body>
<main>
{{partial "header" .}}
<main>
{{partial "side1" .}}
<section id="content">
{{.Content}}
</section>
{{partial "side2" .}}
{{partial "footer" .}}
</main>
{{partial "footer" .}}
{{partial "spritesheet" .}}
</body>

View file

@ -50,11 +50,8 @@ footer {
main {
display:grid;
grid-template-areas:
"header header header"
"side1 content side2"
"footer footer footer";
"side1 content side2";
grid-template-columns: 1fr 3fr 1fr;
grid-template-rows: 20% 60% 20%;
max-width:100vw;
justify-items: center;
gap:20px;
@ -72,11 +69,9 @@ footer{grid-area: footer;}
main {
display:grid;
grid-template-areas:
"header"
"content"
"side1"
"side2"
"footer";
"side2";
grid-template-columns: 1fr;
grid-template-rows: auto;
}