From 2d5f981742fd4d7f6eaf2f12ead7c1d9dbb2bff2 Mon Sep 17 00:00:00 2001 From: Michael Hunteman Date: Thu, 23 Mar 2023 19:08:39 -0500 Subject: Change nav format and remove hr --- assets/main.scss | 51 +++++++++++++++++++++++++++++++-------------------- 1 file changed, 31 insertions(+), 20 deletions(-) (limited to 'assets') diff --git a/assets/main.scss b/assets/main.scss index d774bee..9f6901e 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -2,9 +2,9 @@ body { color: #212529; background: #fff; font-family: sans-serif; - max-width: 960px; + max-width: 800px; margin: 0 auto; - padding: 0 1rem; + padding: 0 0.5rem; } a { @@ -17,29 +17,43 @@ a:hover { text-decoration: underline; } -ul.links { - list-style-type: none; - display: flex; - align-items: stretch; - justify-content: space-evenly; +header { + text-align: center; } -hr { - color: #fff; +footer { + text-align: center; + margin: 4rem; } -header { - text-align: center; +nav { + text-align: center; + margin-bottom: 4rem; } -article { - max-width: 720px; - margin: 0 auto; +nav ul { + list-style: none; + padding-left: 0; } -footer { - text-align: center; - margin-bottom: 1rem; +nav ul li { + display: inline; +} + +nav ul li:not(:first-child) { + display: inline; + padding-left: 2rem; + @media only screen and (max-width: 600px) { + padding: 0rem; + } +} + +nav a { + text-decoration: underline; +} + +nav a:hover { + text-decoration: none; } .post h3 { @@ -54,7 +68,4 @@ footer { a { color: #3395ff; } - hr { - color: #212529; - } } -- cgit v1.2.3