40 lines
559 B
CSS
40 lines
559 B
CSS
section {
|
|
display: grid;
|
|
margin: 0px;
|
|
width: 100vw;
|
|
grid-template-columns: auto auto auto;
|
|
grid-auto-rows: auto;
|
|
grid-gap: 10px;
|
|
gap: 10px;
|
|
min-height: 100vh;
|
|
justify-items: center;
|
|
text-align: center;
|
|
|
|
header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
place-content: center;
|
|
|
|
h1 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
article {
|
|
text-align: left;
|
|
}
|
|
|
|
> * {
|
|
grid-column: 2 / span 1;
|
|
}
|
|
> .grid_full_width {
|
|
grid-column: 1 / span 3;
|
|
}
|
|
|
|
.banner {
|
|
overflow-x: hidden;
|
|
}
|
|
}
|