feat: better vertical alignment with CSS grid
This commit is contained in:
parent
644fdec96c
commit
e4da6b1795
1 changed files with 4 additions and 5 deletions
|
|
@ -3,13 +3,12 @@ html {
|
||||||
color: #444;
|
color: #444;
|
||||||
font-family: "Gentium Basic", serif;
|
font-family: "Gentium Basic", serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
min-height: 80%;
|
min-height: 100vh;
|
||||||
display: flex;
|
display: grid;
|
||||||
flex-flow: column;
|
grid-template-rows: 1fr auto 3fr;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
|
grid-row: 2;
|
||||||
max-width: 30em;
|
max-width: 30em;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 2em;
|
padding: 2em;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue