Fix responsive.

asterjdm · Aug 3, 2024 · 0149b5d · 0149b5d
1 parent 29a374e
commit 0149b5d
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/styles/standard-assets/card.css b/styles/standard-assets/card.css
@@ -79,7 +79,7 @@
   width: calc(100% - 20px);
 }
 
-@media screen and (max-width: 521px) {
+@media screen and (max-width: 560px) {
   .standard-card {
     transform: scale(1.4) translateY(70px);
   }

diff --git a/styles/standard-assets/popup.css b/styles/standard-assets/popup.css
@@ -337,7 +337,7 @@
   }
 }
 
-@media screen and (max-width: 521px) {
+@media screen and (max-width: 560px) {
   .standard-popup-whole-section-content.add-smurf-popup {
     width: 100dvw;
     height: 100dvh;

diff --git a/styles/standard-assets/select.css b/styles/standard-assets/select.css
@@ -20,9 +20,9 @@
   width: 794px;
 }
 
-@media screen and (min-width: 1066px) {
+@media screen and (min-width: 1106px) {
   .main-score-select {
-    width: 1066px;
+    width: 1106px;
   }
 }
 
@@ -33,7 +33,7 @@
   }
 }
 
-@media screen and (max-width: 521px) {
+@media screen and (max-width: 560px) {
   .main-score-select {
     margin-bottom: -25px;
     width: 352px;

diff --git a/styles/styles.css b/styles/styles.css
@@ -55,10 +55,10 @@ main {
     width: 794px;
 }
 
-@media screen and (min-width: 1066px) {
+@media screen and (min-width: 1106px) {
     main {
         grid-template-columns: repeat(4, 1fr);
-        width: 1066px;
+        width: 1106px;
     }
 }
 
@@ -69,7 +69,7 @@ main {
     }
 }
 
-@media screen and (max-width: 521px) {
+@media screen and (max-width: 560px) {
     body {
         display: flex;
         flex-direction: column;