Aaaa why is the mods section weird

FNF-CNE-Devs · Oct 1, 2024 · 5f5db3b · 5f5db3b
1 parent f84e7fb
commit 5f5db3b
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 7 deletions.
diff --git a/featured-mods/ananke/meta.json b/featured-mods/ananke/meta.json
@@ -8,5 +8,5 @@
 
     "lastUpdated": "2024-08-10T21:35:40.000Z",
 
-    "tags": ["hardcoded", "difficulty-hard", "length-medium"]
+    "tags": ["hardcoded", "difficulty-hard", "length-medium", "long-desc"]
 }
diff --git a/featured-mods/lethal-me-company/meta.json b/featured-mods/lethal-me-company/meta.json
@@ -8,5 +8,5 @@
 
     "lastUpdated": "2024-07-17T22:48:33.000Z",
 
-    "tags": ["softcoded"]
+    "tags": ["softcoded", "long-desc"]
 }
diff --git a/src/pages/index.scss b/src/pages/index.scss
@@ -73,14 +73,22 @@ div.compact {
         display: block;
     }
 
-    .content.mods {
-        width: fit-content !important;
-        margin: 0 !important;
+    div.content {
+        &.main-content {
+            width: 100%;
+            margin-right: 0;
+            margin-left: 0;
+        }
+
+        &.mods {
+            width: fit-content !important;
+            margin: 0 !important;
+        }
     }
 }
 
 @media screen and (min-width: 30.5em) {
-    .content {
+    div.content {
         margin: 1.5em 1.5em;
         margin-right: 0;
 
@@ -94,8 +102,16 @@ div.compact {
     }
 }
 
+@media screen and (max-width: 35.5em) {
+    div.content {
+        &.main-content {
+            width: 100%;
+        }
+    }
+}
+
 @media screen and (min-width: 80.5em) {
-    .content {
+    div.content {
         margin: 3em 1.5em;
         margin-right: 0;