From d12dd9fa0a078076749ec5ef4911a5d5eeda10db Mon Sep 17 00:00:00 2001 From: Robert McGovern Date: Thu, 24 Sep 2020 09:41:04 +0100 Subject: [PATCH] Guess who forgot the mobile friendly formatting. Added formatting that looks okay on my mobile (iPhone 6S) --- style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/style.css b/style.css index efabb16..71fb4de 100644 --- a/style.css +++ b/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%; + } } \ No newline at end of file