Make home page look less broken on smartphones

Author: EminGT

assets/css/style.css

@@ -905,9 +905,14 @@ html, body {
   z-index: 0;
 }
 
+.index-shader-container {
+    display: block;
+}
+
 .index-shader {
-    max-width: 890px;
-    width: 100%;
+    width: 45%;
+    float: left;
+    min-width: fit-content;
     margin-bottom: 50px;
     margin-left: -20px;
     margin-right: -20px;
@@ -925,16 +930,10 @@ html, body {
 }
 
 .index-reimagined {
-    float: left;
-    max-width: 45%;
-    min-width: fit-content;
     background: url(../img/reimage.jpg) no-repeat top / cover;
 }
 
 .index-v4 {
-    float: left;
-    max-width: 45%;
-    min-width: fit-content;
     background: url(../img/v4image.jpg) no-repeat top / cover;
 }
 
@@ -953,7 +952,6 @@ html, body {
     position: relative;
     margin: 30px 0 30px;
     font-size: 20px;
-    line-height: 50%;
     color: var(--VeryLightGray);;
     max-width: 100%;
 }
@@ -966,6 +964,8 @@ html, body {
     font-size: 16px;
     color: var(--VeryLightGray);;
     max-width: 55%;
+    min-width: 340px;
+    margin-bottom: 50px;
 }
 
 .index-shader .btn {

index.html

@@ -82,21 +82,21 @@ <h1>Complementary Development</h1>
             <div class="hero-text section-features">
                 <h2>Complementary Shaders</h2>
             </div>
-            <div class="container">
+            <div class="container index-shader-container">
                 <div class="index-shader index-reimagined" onclick="location.href='reimagined';" style="--ThemeColor: var(--ReimaginedColor);">
                     <h2>Complementary<br><span style="color: var(--ReimaginedColor);">Reimagined</span></h2>
-                    <p style="margin: -20px 0 20px">Aiming for perfection and reimagining Minecraft.</p>
+                    <p style="margin: -20px 0 2px">Aiming for perfection and reimagining Minecraft.</p>
                 </div><!-- /.hero-text -->
                 <div class="index-shader-desc">
                     <p>
                         Complementary Reimagined is a high quality Minecraft Java Edition shader pack that aims for perfection. It was released in 2022 as the alternative option in the Complementary lineup, but the massive potential of the codebase started to get utilised over time to make Reimagined the main focus of development. It preserves the unique style of Minecraft, with options to customise everything ranging from clouds to water. Reimagined offers a ton of high quality effects, incredible attention to detail, an issueless experience, and top tier optimization. It aims to please everyone who loves Minecraft, and there is no better summary for Reimagined other than that it is a shader pack that aims to be the ultimate choice. Complementary Reimagined still gets regular updates to this day.
                     </p>
                 </div>
             </div>
-            <div class="container">
+            <div class="container index-shader-container">
                 <div class="index-shader index-v4" onclick="location.href='shaders-v4';" style="--ThemeColor: var(--VersionFourColor);">
                     <h2>Complementary<br><span style="color: var(--VersionFourColor);">Version 4</span></h2>
-                    <p style="margin: -20px 0 20px">Shader pack that aims to be good at everything.</p>
+                    <p style="margin: -20px 0 2px">Shader pack that aims to be good at everything.</p>
                 </div><!-- /.hero-text -->
                 <div class="index-shader-desc">
                     <p>