navbar media queries

2026-01-25 20:01:03 +00:00 · 2022-07-21 09:14:34 -04:00
parent 016da4b80f
commit b3aaaf8fb7
2 changed files with 23 additions and 3 deletions
--- a/src/lib/components/molecules/NavHost.svelte
+++ b/src/lib/components/molecules/NavHost.svelte
@@ -34,6 +34,7 @@
 		user-select: none;
 	}

+
 	.logo {
 		display: inline-block;
 	}
@@ -54,4 +55,23 @@
 	h1 span {
 		color: var(--red);
 	}
+
+
+	@media screen and (max-width: 1050px) {
+
+		h1 {
+			display: none;
+		}
+
+		nav {
+			padding-right: 1rem;
+			padding-left: 4rem;
+		}
+	}
+
+	@media screen and (max-width: 768px) {
+		nav {
+			background-color: purple;
+		}
+	}
 </style>