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" .}}
|
||||
|
||||
<body>
|
||||
<main>
|
||||
{{partial "header" .}}
|
||||
<main>
|
||||
{{partial "side1" .}}
|
||||
<section id="content">
|
||||
{{.Content}}
|
||||
</section>
|
||||
{{partial "side2" .}}
|
||||
{{partial "footer" .}}
|
||||
</main>
|
||||
{{partial "footer" .}}
|
||||
{{partial "spritesheet" .}}
|
||||
</body>
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue