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 {
|
footer {
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer * {
|
footer * {
|
||||||
|
@ -99,4 +103,18 @@ 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%;
|
||||||
|
}
|
||||||
}
|
}
|
Reference in New Issue