From b1236bcb84d1101f4a305b456f400ef7f03d3b75 Mon Sep 17 00:00:00 2001 From: daudix Date: Sun, 18 Aug 2024 02:34:47 +0300 Subject: [PATCH] Improve adaptivity of the footer links --- sass/_footer.scss | 9 +++++++++ sass/_nav.scss | 10 +++++----- 2 files changed, 14 insertions(+), 5 deletions(-) diff --git a/sass/_footer.scss b/sass/_footer.scss index ca4ccee..0ca8783 100644 --- a/sass/_footer.scss +++ b/sass/_footer.scss @@ -26,6 +26,10 @@ line-height: 1.25; list-style: none; + @media only screen and (max-width: 480px) { + width: 100%; + } + a { transition: var(--transition); border-radius: 999px; @@ -34,6 +38,11 @@ line-height: 1.25; text-decoration: none; + @media only screen and (max-width: 480px) { + width: 100%; + text-align: center; + } + &:hover { box-shadow: var(--edge-highlight); background-color: var(--primary-color); diff --git a/sass/_nav.scss b/sass/_nav.scss index dfee90b..5068258 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -165,6 +165,11 @@ line-height: 1.25; text-decoration: none; + @media only screen and (max-width: 480px) { + width: 100%; + text-align: center; + } + &:hover { text-decoration: none; } @@ -225,11 +230,6 @@ border-radius: 0.25rem; } } - - @media only screen and (max-width: 480px) { - width: 100%; - text-align: center; - } } &#search button,