Added mobile optimization to the Content styles.sass

2023-05-30 20:05:40 +02:00 · 2023-05-30 20:05:40 +02:00 · 9b035276dd
commit 9b035276dd
parent 376c2f3ce6
1 changed files with 9 additions and 1 deletions
--- a/client/src/common/components/Content/styles.sass
+++ b/client/src/common/components/Content/styles.sass
@ -3,3 +3,11 @@
  height: calc(100vh - 7rem)
  overflow-y: scroll
  overflow-x: hidden
+
+@media screen and (max-width: 1024px)
+  .content-wrapper
+    padding: 2rem 22vw 0 2rem
+
+@media screen and (max-width: 375px)
+  .content-wrapper
+    padding: 2rem 21vw 0 0.5rem