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 { footer {
margin-top: 3rem; margin-top: 3rem;
text-align: center; text-align: center;
font-size: 16px;
margin-left: auto;
margin-right: auto;
} }
footer * { footer * {
@ -100,3 +104,17 @@ footer * {
footer > a { footer > a {
display: block; display: block;
} }
@media screen and (max-width: 500px) {
.header, .blurb, .projectsDiv {
width: 90%;
}
.header > h1 {
font-size: 2.5rem;
}
footer {
width: 85%;
}
}