42 lines
768 B
CSS
42 lines
768 B
CSS
|
|
section header { grid-area: header; }
|
|
section article { grid-area: article; }
|
|
section .mouse { grid-area: mouse; }
|
|
section .banner { grid-area: banner; }
|
|
|
|
section {
|
|
display: grid;
|
|
margin: 0px;
|
|
width: 100vw;
|
|
grid:
|
|
' . header . ' auto
|
|
' . article . ' auto
|
|
' . mouse . ' auto
|
|
' banner banner banner ' auto
|
|
/ 1fr auto 1fr ;
|
|
grid-gap: 10px;
|
|
gap: 10px;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
section .banner {
|
|
overflow-x: hidden;
|
|
}
|
|
|