style: update nav list style to be more flexible

satnaing · satnaing · commit 5171111f89fe · 2023-09-26T02:04:11.000+06:30
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 {

Original file line number	Diff line number	Diff line change
`@@ -147,11 +147,11 @@ const { activeNav } = Astro.props;`
`147`	`147`	`nav ul li a {`
`148`	`148`	`@apply w-full px-4 py-3 text-center font-medium hover:text-skin-accent sm:my-0 sm:px-2 sm:py-1;`
`149`	`149`	`}`
`150`		`- nav ul li:nth-child(4) a {`
	`150`	`+ nav ul li:nth-last-child(2) a {`
`151`	`151`	`@apply w-auto;`
`152`	`152`	`}`
`153`		`- nav ul li:nth-child(4),`
`154`		`- nav ul li:nth-child(5) {`
	`153`	`+ nav ul li:nth-last-child(1),`
	`154`	`+ nav ul li:nth-last-child(2) {`
`155`	`155`	`@apply col-span-1;`
`156`	`156`	`}`
`157`	`157`	`nav a.active {`