refactor: edit media query

damla · Feb 16, 2021 · 08b9c6c · 08b9c6c
1 parent e4db60b
commit 08b9c6c
Showing 1 changed file with 11 additions and 21 deletions.
diff --git a/pages/about-us/about-us.module.scss b/pages/about-us/about-us.module.scss
@@ -12,6 +12,10 @@
         display: flex;
         justify-content: space-between;
         width: 70vw;
+        @media only screen and (max-width: variables.$max-width-paragraph) {
+            display: flex;
+            flex-direction: column;
+        }
     }
 }
 
@@ -21,6 +25,10 @@
     text-transform: uppercase;
     color: variables.$secondary-color;
     margin-bottom: 2.4rem;
+
+    @media only screen and (max-width: variables.$max-width-middle) {
+        font-size: 2.5rem;
+    }
 }
 
 .h3 {
@@ -30,28 +38,10 @@
     max-width: 70vw;
     text-align: justify;
     margin-bottom: 1.5rem;
-}
-
-@media only screen and (max-width: variables.$max-width-paragraph) {
-    .section {
-        &_body {
-            display: flex;
-            flex-direction: column;
-        }
+    @media only screen and (max-width: variables.$max-width-middle) {
+        font-size: 1rem;
     }
-
-    .h3 {
+    @media only screen and (max-width: variables.$max-width-paragraph) {
         text-align: center;
     }
 }
-
-@media only screen and (max-width: variables.$max-width-middle) {
-    .h1 {
-        font-size: 2.5rem;
-    }
-
-    .h3 {
-        font-size: 1rem;
-    }
-}
-// TODO: ORTALA