fixed css on mobile

src/lib/ProjectCard/VendorGallery.svelte

@@ -4,9 +4,9 @@
 	export let vendors;
 </script>
 
-<div class="my-4 dark:bg-slate-800 mx-auto w-fit rounded-2xl p-2">
+<div class="my-4 dark:bg-slate-800 mx-auto md:w-fit rounded-2xl p-2">
 	<h3 class="text-xl mb-2 text-center">built with</h3>
-	<div class="flex justify-center gap-4">
+	<div class="flex gap-2 overflow-x-scroll overflow-y-hidden flex-nowrap md:justify-center">
 		{#each vendors as vendor}
 			<VendorIcon {...vendor} />
 		{/each}

src/lib/ProjectCard/VendorIcon.svelte

@@ -3,7 +3,7 @@
 	export let img;
 </script>
 
-<div class="flex flex-col justify-center max-w-16 max-h-16 hover:scale-110 text-center">
-	<img src={img} alt={name} class="min-h-12 self-center" />
-	<p class="text-slate-900 dark:text-stone-200 font-normal">{name}</p>
+<div class="flex flex-col justify-center hover:scale-110">
+	<img src={img} alt={name} class="h-12 max-w-20" />
+	<p class="text-slate-900 dark:text-stone-200 text-center">{name}</p>
 </div>

src/lib/projects.js

@@ -17,8 +17,8 @@ export const projects = [
 		url: 'https://jobs.rannes.dev',
 		description:
 			'I wanted an excuse to try out Go, and I also want to find a job. The scraper is built with Go and the Colly package. It runs on a AWS EC2 instance, and the frontend is built with Next.js which is deployed to Vercel.',
-		repo: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-go',
-		rss: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-go.rss',
+		repo: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-frontend',
+		rss: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-frontend.rss',
 		image: '',
 		vendors: [
 			{