Added mobile optimization to the Footer styles.sass

2023-11-19 00:34:09 +01:00 · 2023-11-19 00:34:09 +01:00 · 0cc1306d48
commit 0cc1306d48
parent 9cccee40d0
1 changed files with 13 additions and 1 deletions
--- a/client/src/common/components/Footer/styles.sass
+++ b/client/src/common/components/Footer/styles.sass
@ -7,6 +7,8 @@ footer
  align-items: center
  margin: 0 2rem
  user-select: none
+  flex-wrap: wrap
+  gap: 1rem

 .footer-left
  display: flex
@ -56,3 +58,13 @@ footer

 footer *
  z-index: 2
+
+
+
+@media screen and (max-width: 700px)
+  footer
+    justify-content: center
+
+@media screen and (max-width: 628px)
+  .footer-info
+    display: none