Increase content width to prevent overflow (#29)

* Increase content width to prevent overflow The CSS width of each word has been modified to allow overflow to continue rather than wrap and distort the normal structure of the page. * [auto] daily Co-authored-by: github-actions <github-actions@github.com>
quantum9Innovation · Jun 26, 2022 · 84f3f5f · 84f3f5f · vercel · Jun 26, 2022
1 parent 89d2817
commit 84f3f5f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/App/four/index.css b/App/four/index.css
@@ -1,4 +1,15 @@
 .word {
-  width: 80%;
-  margin-left: 10%;
+  margin-left: 5vh;
+}
+
+@media (max-aspect-ratio: 1/1) {
+  .word {
+    margin-left: 5.6vw;
+  }
+}
+
+@media (max-aspect-ratio: 2/3) {
+  .word {
+    margin-left: 9vw;
+  }
 }
diff --git a/App/index.css b/App/index.css
@@ -278,7 +278,7 @@ button {
 
 #content {
   position: absolute;
-  width: 50vh;
+  width: 67vh;
   height: 50vh;
   left: calc(50vw - 25vh);
   top: 17vh;
@@ -803,7 +803,7 @@ button {
   }
 
   #content {
-    width: 67vw;
+    width: 75vw;
     left: 16.5vw;
     padding-top: calc(25vh - 22.5vw);
     padding-left: 11vw;