update screen size width values

second-slip · Jul 25, 2024 · 2911cb1 · 2911cb1
1 parent f1ab9e2
commit 2911cb1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 17 deletions.
diff --git a/src/app/app.component.css b/src/app/app.component.css
@@ -1,15 +0,0 @@
-/* Small devices (up to 768px) */
-@media only screen and (max-width: 768px) {
-    .container {
-        margin: 2% 1% 5%;
-        /* top / right/left / bottom */
-    }
-}
-
-/* Larger devices (769px and up) */
-@media only screen and (min-width: 769px) {
-    .container {
-        margin: 2% 10% 5%;
-        /* top / right/left / bottom */
-    }
-}

diff --git a/src/styles.css b/src/styles.css
@@ -55,7 +55,12 @@ body {
 }
 
 /* Small devices (up to 768px) */
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 666px) {
+    .container {
+        margin: 2% 1% 5%;
+        /* top / right/left / bottom */
+    }
+
     .small-screen-warning {
         text-align: center;
         font-weight: bold;
@@ -70,7 +75,12 @@ body {
 }
 
 /* Larger devices (769px and up) */
-@media only screen and (min-width: 769px) {
+@media only screen and (min-width: 667px) {
+    .container {
+        margin: 2% 10% 5%;
+        /* top / right/left / bottom */
+    }
+
     .small-screen-warning {
         display: none;
     }