fix: Mobile width

inpyjamas · Dec 3, 2024 · 9607fb6 · 9607fb6
1 parent 05d40d2
commit 9607fb6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -23,15 +23,20 @@
 </html>
 
 <style>
+	*,
+	*::before,
+	*::after {
+		box-sizing: border-box;
+		margin: 0;
+		padding: 0;
+	}
 	html,
 	body {
 		margin: 0;
-		width: 100%;
 		height: 100%;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
 		flex-direction: column;
-		padding: 16px;
 	}
 </style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -50,7 +50,6 @@ import Layout from "../layouts/Layout.astro";
 		/* Geometric Humanist */
 		font-family: Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro,
 			sans-serif;
-		box-sizing: border-box;
 	}
 	main {
 		font-weight: normal;
@@ -59,6 +58,7 @@ import Layout from "../layouts/Layout.astro";
 		align-items: center;
 		gap: 1rem;
 		max-width: 60ch;
+		padding: 16px;
 	}
 	main a#download-link {
 		display: inline-block;