diff --git a/public/icons/facebook-white-64.png b/public/icons/facebook-white-64.png deleted file mode 100644 index 3bc6261..0000000 Binary files a/public/icons/facebook-white-64.png and /dev/null differ diff --git a/public/icons/instagram-white-64.png b/public/icons/instagram-white-64.png deleted file mode 100644 index e2403da..0000000 Binary files a/public/icons/instagram-white-64.png and /dev/null differ diff --git a/src/components/footer.jsx b/src/components/footer.jsx index 0b78a67..c29e240 100644 --- a/src/components/footer.jsx +++ b/src/components/footer.jsx @@ -7,25 +7,6 @@ export default function Footer() { - -
- - - - - - -
); } diff --git a/src/css/footer.css b/src/css/footer.css index 8cb6624..9ccfe2c 100644 --- a/src/css/footer.css +++ b/src/css/footer.css @@ -1,11 +1,9 @@ footer { - position: relative; padding: 16px 32px; background: var(--blue-dark); display: flex; align-items: center; justify-content: center; - flex-direction: column; } .footer__logo { @@ -15,39 +13,3 @@ footer { .footer__logo img { width: 100%; } - -.footer__network-container { - position: absolute; - right: 32px; - top: 50%; - transform: translateY(-50%); - display: flex; - gap: 32px; - align-items: center; -} - -.footer__network-link { - width: 32px; - transition: opacity 0.2s ease-out; -} - -.footer__network-link:hover { - opacity: 0.8; -} - -.footer__network-link img { - width: 100%; -} - -@media screen and (max-width: 640px) { - footer { - flex-direction: column; - gap: 16px; - padding: 32px; - } - - .footer__network-container { - position: static; - transform: none; - } -}