Guess who forgot the mobile friendly formatting.
Added formatting that looks okay on my mobile (iPhone 6S)
This commit is contained in:
parent
7310427c8e
commit
d12dd9fa0a
18
style.css
18
style.css
|
@ -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%;
|
||||
}
|
||||
}
|
Reference in New Issue