feat: better vertical alignment with CSS grid

This commit is contained in:
Caesar Schinas 2022-04-09 17:59:28 +01:00
parent 644fdec96c
commit e4da6b1795

View file

@ -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;