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;
|
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;
|
||||||
|
}
|
||||||
|
}
|
Reference in a new issue