diff --git a/src/components/Footer.js b/src/components/Footer.js index 9373cad..3bd71a0 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -78,6 +78,12 @@ const Footer = () => ( +
) diff --git a/src/css/footer.scss b/src/css/footer.scss index 441a9b0..fd75750 100644 --- a/src/css/footer.scss +++ b/src/css/footer.scss @@ -2,7 +2,7 @@ background: $color-black; color: $color-white; font-size: $font-s; - padding: 3rem 2rem 2rem; + padding: 3rem 2rem 1rem; display: flex; flex-wrap: wrap; justify-content: center; @@ -58,4 +58,21 @@ fill: $color-orange; } } +} + +.footer-links { + a { + color: $color-white; + display: inline-block; + margin: 0 0.5rem; + &:hover { + color: $color-orange; + } + } +} + +@media (max-width: $media-s) { + .social-nav { + padding: 0; + } } \ No newline at end of file