Updated homepage for mobile

This commit is contained in:
Edgar P. Burkhart 2021-04-11 17:51:23 +02:00
parent 289e1ae711
commit 4b9ae72f0a
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227

View file

@ -35,6 +35,7 @@ body {
grid-column: 1 / 3; grid-column: 1 / 3;
padding: .5em; padding: .5em;
align-self: center; align-self: center;
line-height: 2em;
} }
.title nav a { .title nav a {
border: 0px solid #484848de; border: 0px solid #484848de;
@ -72,3 +73,22 @@ footer>.author {
font-family: 'IBM Plex Serif'; font-family: 'IBM Plex Serif';
font-weight: 300; font-weight: 300;
} }
@media screen and (max-width: 700px) {
.title {
width: auto;
height: 300px;
margin: calc((100vh - 300px) / 2) 1em;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 2fr;
}
.title h1, .title h2 {
text-align: center;
}
.title h1 {
align-self: start;
}
.title nav {
grid-column: 1;
}
}