style: update nav list style to be more flexible

satnaing · Sep 24, 2023 · 29224ab · 29224ab
1 parent 38e4497
commit 29224ab
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -147,11 +147,11 @@ const { activeNav } = Astro.props;
   nav ul li a {
     @apply w-full px-4 py-3 text-center font-medium hover:text-skin-accent sm:my-0 sm:px-2 sm:py-1;
   }
-  nav ul li:nth-child(4) a {
+  nav ul li:nth-last-child(2) a {
     @apply w-auto;
   }
-  nav ul li:nth-child(4),
-  nav ul li:nth-child(5) {
+  nav ul li:nth-last-child(1),
+  nav ul li:nth-last-child(2) {
     @apply col-span-1;
   }
   nav a.active {