mob

bsod.css

@@ -16,21 +16,17 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 100vh;
+    height: 100dvh;
     margin: 0;
+    text-rendering: optimizeSpeed;
+    overflow-x: hidden;
+    background-image: radial-gradient(#0e1dc4, #010080 80%);
 }
 
 /* .h3 {
     padding: 20px;
 } */
 
-body {
-    text-rendering: optimizeSpeed;
-    overflow-x: hidden;
-    background-image: radial-gradient(#0e1dc4, #010080 80%);
-
-}
-
 
 .bsdoinfo {
     background-color: beige
@@ -79,6 +75,13 @@ mark {
     cursor: crosshair;
 }
 
+@media (width > 480px) {
+
+    .mob-click-button {
+        display: none;
+    }
+}
+
 @media (max-width: 480px) {
     .custom-container {
         max-width: 200px;
@@ -87,7 +90,12 @@ mark {
 
     .link-download {
         width: 100%;
-        line-height: 50px;
+        line-height: 20px;
         align-items: center;
+        text-align: center;
+    }
+
+    .pc-click-button {
+        display: none;
     }
 }

index.html

@@ -123,12 +123,19 @@
 
 
 
-        <div class="custom-container choosebutton animate__animated animate__fadeInDown animate__slower">
+        <div
+            class="custom-container choosebutton animate__animated animate__fadeInDown animate__slower pc-click-button">
             <h3>CLICK HERE^</h3>
             <a href="ux.html" class="link-download">Product design/UX</a>
             <a class='link-download' download href='/source-files/stylestage'>3D & Game design</a>
         </div>
-    </div>
+
+        <div class="container mob-click-button choosebutton animate__animated animate__fadeInDown animate__slower">
+            <h3 class="text-align center">CLICK HERE^</h3>
+            <div href="ux.html" class="link-download">Product design/UX </div>
+            <div class='link-download' download href='/source-files/stylestage'>3D & Game design</div>
+
+        </div>
 </body>