Updated homepage for mobile
This commit is contained in:
parent
289e1ae711
commit
4b9ae72f0a
1 changed files with 20 additions and 0 deletions
|
@ -35,6 +35,7 @@ body {
|
|||
grid-column: 1 / 3;
|
||||
padding: .5em;
|
||||
align-self: center;
|
||||
line-height: 2em;
|
||||
}
|
||||
.title nav a {
|
||||
border: 0px solid #484848de;
|
||||
|
@ -72,3 +73,22 @@ footer>.author {
|
|||
font-family: 'IBM Plex Serif';
|
||||
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;
|
||||
}
|
||||
}
|
Reference in a new issue