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,