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" .}} {{partial "head" .}}
<body> <body>
<main>
{{partial "header" .}} {{partial "header" .}}
<main>
{{partial "side1" .}} {{partial "side1" .}}
<section id="content"> <section id="content">
{{.Content}} {{.Content}}
</section> </section>
{{partial "side2" .}} {{partial "side2" .}}
{{partial "footer" .}}
</main> </main>
{{partial "footer" .}}
{{partial "spritesheet" .}} {{partial "spritesheet" .}}
</body> </body>

View file

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