From 674ba4d2202e41d187cc39fe0dabbe1632def9f9 Mon Sep 17 00:00:00 2001 From: Frederick Morlock Date: Thu, 8 Feb 2024 16:50:00 -0500 Subject: [PATCH] Update nav responsiveness to match recent nav fix Other changes: - Changed the first responsiveness width from 500px to 512 px. - Change the default left-right margin for the nav from 20px to 15px. --- _sass/global.scss | 2 +- _sass/responsive.scss | 12 +++++++----- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/_sass/global.scss b/_sass/global.scss index e037ec7..5c00ae8 100644 --- a/_sass/global.scss +++ b/_sass/global.scss @@ -67,7 +67,7 @@ a[href] { li { display: inline-block; // margin: top-bottom left-right - margin: 10px 20px; + margin: 10px 15px; } a { diff --git a/_sass/responsive.scss b/_sass/responsive.scss index 5033916..c956509 100644 --- a/_sass/responsive.scss +++ b/_sass/responsive.scss @@ -1,4 +1,4 @@ -@media (max-width: 500px) { +@media (max-width: 512px) { .container, #footer { width: 85%; @@ -9,8 +9,9 @@ height: 256px; } - #navigation > li { - padding: 10px; + #navigation li { + margin-left: 10px; + margin-right: 10px; } } @@ -25,8 +26,9 @@ height: 160px; } - #navigation > li { - padding: 5px; + #navigation li { + margin-left: 5px; + margin-right: 5px; } }