🐛 Improvements to critical CSS

snugg-ie · Jan 17, 2025 · 0131a45 · 0131a45
1 parent e65bc05
commit 0131a45
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -79,15 +79,29 @@
 #nav {
 	background-color: #ffffff;
 	color: #636363;
-	position: absolute;
 	width: 64em;
+	position: absolute;
 	max-width: calc(100% - 4em);
 	background-color: #f7f7f7;
 	border-top-left-radius: 0.25em;
 	border-top-right-radius: 0.25em;
 	cursor: default;
 	text-align: center;
 }
+
+@media screen and (max-width: 736px) {
+	#nav {
+		display: block;
+		position: relative;
+		max-width: 100%;
+		width: 100%;
+		margin-bottom: -1.3em;
+	}
+
+	#main {
+		border-radius: 0;
+	}
+}
 .toggle-theme-dark {
 	position: absolute;
 	right: 1%;
@@ -121,9 +135,4 @@
 	/* border-bottom: dotted 1px; */
 	color: inherit;
 }
-#nav {
-	display: block;
-	max-width: calc(100% - 4em);
-	width: calc(100% - 4em);
-}
 </style>