From 08b9c6c36ac75490988d471f3d4ffee9e317358e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Damla=20K=C3=B6ksal?= <me@damlakoksal.com>
Date: Tue, 16 Feb 2021 17:40:05 +0300
Subject: [PATCH] refactor: edit media query

---
 pages/about-us/about-us.module.scss | 32 ++++++++++-------------------
 1 file changed, 11 insertions(+), 21 deletions(-)

diff --git a/pages/about-us/about-us.module.scss b/pages/about-us/about-us.module.scss
index d3157a8..dba4095 100644
--- 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