34 lines
612 B
CSS
34 lines
612 B
CSS
|
|
section header { grid-area: header; }
|
|
section article { grid-area: article; }
|
|
section footer { grid-area: footer; }
|
|
|
|
section {
|
|
display: grid;
|
|
margin: 0px;
|
|
width: 100vw;
|
|
grid:
|
|
' . header . ' 1fr
|
|
' . article . ' auto
|
|
' footer footer footer ' auto
|
|
/ 1fr auto 1fr ;
|
|
grid-gap: 10px;
|
|
}
|
|
|
|
section header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
place-content: center;
|
|
}
|
|
section footer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
section header h1 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|