Fix Dynamic table and font resizing on all games pages for mobile bro…

…wsing Game details should no longer break the page layout on devices with small resolution screens
Alcolawl · Jul 14, 2023 · e22b1d6 · e22b1d6
1 parent 5ca256a
commit e22b1d6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/style/gameStyle.css b/style/gameStyle.css
diff --git a/style/non-minified/gameStyle.css b/style/non-minified/gameStyle.css
@@ -13,27 +13,26 @@ h1.noMargin {margin-bottom: 0;}
     font-weight: 300;
 }
 
-#gameRatings {
-    /*font-family: Hemi;*/
-    font-size: 22pt;
-    width: 61%;
+#gameRatings { /*Container*/
+    font-size: calc(15px + 0.390625vw);
     margin-left: auto;
     margin-right: auto;
     margin-top: 2%;
 }
 
-table.gameAttributes { 
-    width: 100%;
+#gameDetails { /*Table*/
+    min-width: 60%;
+    max-width: 60%;
     border: 2px solid #CD00FF;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 td.gameAttributes {
-    width: 33%;
     border: 2px solid #CD00FF;
 }
 
 td.gameAttributeHeader{
-    width: 33%;
     border: 2px solid #CD00FF;
     color: #00C9FF;
     font-weight: 700;