footer add gap on mobile

nemanjam · nemanjam · commit 54e66d8bdbf6 · 2025-05-01T13:52:53.000+02:00
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -44,7 +44,7 @@ const firstName = AUTHOR_NAME.split(' ')[0];
 
       <!-- right column -->
       <ul
-        class="flex gap-2 flex-nowrap lg:items-center [&_li]:shrink [&_li]:min-w-0 [&_a]:min-w-0 [&_span]:truncate [&_span]:shrink [&_span]:min-w-0"
+        class="flex gap-16 xs:gap-2 flex-wrap xs:flex-nowrap lg:items-center [&_span]:hidden [&_span]:xs:block"
       >
         <li>
           <Link

Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@ const firstName = AUTHOR_NAME.split(' ')[0];`
`44`	`44`
`45`	`45`	`<!-- right column -->`
`46`	`46`	`<ul`
`47`		`- class="flex gap-2 flex-nowrap lg:items-center [&_li]:shrink [&_li]:min-w-0 [&_a]:min-w-0 [&_span]:truncate [&_span]:shrink [&_span]:min-w-0"`
	`47`	`+ class="flex gap-16 xs:gap-2 flex-wrap xs:flex-nowrap lg:items-center [&_span]:hidden [&_span]:xs:block"`
`48`	`48`	`>`
`49`	`49`	`<li>`
`50`	`50`	`<Link`