diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx index 5644187..a7b159a 100644 --- a/src/components/Footer/Footer.jsx +++ b/src/components/Footer/Footer.jsx @@ -6,13 +6,22 @@ const Footer = () => {
+ + + {/* - + */} diff --git a/src/components/Footer/footer.css b/src/components/Footer/footer.css index 9bebff5..84c3460 100644 --- a/src/components/Footer/footer.css +++ b/src/components/Footer/footer.css @@ -27,8 +27,8 @@ align-items: center; text-align: left; justify-content: center; - padding: 0 2rem; + padding: 0.5rem 2rem; } } - \ No newline at end of file + diff --git a/src/components/Menu/menu.css b/src/components/Menu/menu.css index dc71b70..0d740e9 100644 --- a/src/components/Menu/menu.css +++ b/src/components/Menu/menu.css @@ -56,10 +56,16 @@ } +@media screen and (min-width: 485px) and (max-width: 599px) { + .menu{ + right: -400px; + } +} + /* For Galaxy Fold Devices */ @media screen and (max-width: 300px) { .menu ul { font-size: 1rem; } -} \ No newline at end of file +}