diff --git a/FrontEnd/src/components/Footer/Footer.module.css b/FrontEnd/src/components/Footer/Footer.module.css index 7afe06a5..38f3f48f 100644 --- a/FrontEnd/src/components/Footer/Footer.module.css +++ b/FrontEnd/src/components/Footer/Footer.module.css @@ -8,7 +8,7 @@ .footer-content { display: flex; flex-direction: column; - justify-content: space-around; + justify-content: space-between; padding: 32px 0px; width: 327px; height: 679px; @@ -25,10 +25,10 @@ @media only screen and (min-width: 1200px) { .footer-content { flex-direction: row; - width: 1100px; + width: 1136px; height: 205px; - padding: 32px 0px; - gap: 0px; + padding: 32px 32px 48px 32px; + gap: 24px; } } diff --git a/FrontEnd/src/components/Footer/FooterComponents/ScrollToTopButton.module.css b/FrontEnd/src/components/Footer/FooterComponents/ScrollToTopButton.module.css index 20b2313e..48c029b6 100644 --- a/FrontEnd/src/components/Footer/FooterComponents/ScrollToTopButton.module.css +++ b/FrontEnd/src/components/Footer/FooterComponents/ScrollToTopButton.module.css @@ -1,7 +1,7 @@ .scroll-to-top-button { position: fixed; bottom: 30px; - left: 80%; + left: 85%; width: 40px; height: 40px; background-color: var(--footer-scroll-button); @@ -26,8 +26,14 @@ background-color: var(--footer-scroll-button); } -@media only screen and (min-width: 1512px) { - .scroll-to-top-button { +@media only screen and (min-width: 768px) { + .scroll-to-top-button { + left: 92%; + } +} + +@media only screen and (min-width: 1200px) { + .scroll-to-top-button { left: 95%; } -} \ No newline at end of file +}