Guess who forgot the mobile friendly formatting.

Added formatting that looks okay on my mobile (iPhone 6S)
This commit is contained in:
Robert McGovern 2020-09-24 09:41:04 +01:00
parent 7310427c8e
commit d12dd9fa0a
1 changed files with 18 additions and 0 deletions

View File

@ -91,6 +91,10 @@ body {
footer {
margin-top: 3rem;
text-align: center;
font-size: 16px;
margin-left: auto;
margin-right: auto;
}
footer * {
@ -99,4 +103,18 @@ footer * {
footer > a {
display: block;
}
@media screen and (max-width: 500px) {
.header, .blurb, .projectsDiv {
width: 90%;
}
.header > h1 {
font-size: 2.5rem;
}
footer {
width: 85%;
}
}