edpibu/Web
edpibu
/
Web
Archived
1
Fork 0
Code Issues Pull Requests Releases 7 Activity

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
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
css/index.css
View File

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