Update index.html

6eero · May 18, 2024 · 4dcefb6 · 4dcefb6
1 parent ec481aa
commit 4dcefb6
Showing 1 changed file with 26 additions and 2 deletions.
diff --git a/download/index.html b/download/index.html
@@ -64,17 +64,20 @@
         .container {
             max-width: 800px;
             margin: 0 auto;
+            padding: 20px;
         }
 
         .download-header {
             display: flex;
             align-items: center;
             justify-content: space-between;
             margin-bottom: 30px;
+            flex-wrap: wrap;
         }
 
         .download-header-text {
             flex: 1;
+            margin-right: 20px;
         }
 
         .download-header h1 {
@@ -94,7 +97,7 @@
         }
 
         .download-buttons img {
-            width: 250px;
+            width: 200px;
         }
 
         .changelog {
@@ -117,6 +120,28 @@
             margin: 7px 0;
             color: #B2B2B2;
         }
+
+        @media (max-width: 768px) {
+            .download-header {
+                flex-direction: column;
+                align-items: flex-start;
+            }
+
+            .download-header-text {
+                margin-right: 0;
+                margin-bottom: 20px;
+            }
+
+            .download-buttons {
+                align-items: center;
+                width: 100%;
+            }
+
+            .download-buttons img {
+                width: 100%;
+                max-width: 250px;
+            }
+        }
     </style>
 </head>
 
@@ -127,7 +152,6 @@
         </div>
         <div class="nav-links">
             <a href="https://6eero.github.io/NewPass/">Home</a>
-            <a href="#about">About</a>
             <a href="https://6eero.github.io/NewPass/">Features</a>
             <a href="https://6eero.github.io/NewPass/download/">Download</a>
             <a href="#donate">Donate</a>