fix css grid
This commit is contained in:
parent
90ae2c6082
commit
5b35dbf026
2 changed files with 4 additions and 9 deletions
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue