Adjust mobile styling

src/routes/+page.svelte

@@ -16,7 +16,7 @@
 	tags: Tag[],
 	link: string
 )}
-	<div class="mb-10 w-80 space-y-3 md:w-60">
+	<div class="mb-10 w-72 space-y-3 md:w-60">
 		<Image {image} {tags} class="aspect-[4/5] object-cover" />
 		<div class="grid grid-cols-[1fr_auto] items-center text-sm">
 			<div class="mt-1 pr-4">

src/routes/vinge/+page.svelte

@@ -33,7 +33,7 @@
 >
 	{#each Object.entries(games) as [href, { image, name }]}
 		<a
-			class="shadow-sharp flex aspect-[4/1] min-h-20 max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all {href ===
+			class="shadow-sharp flex aspect-[4/1] h-16 max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all md:h-20 {href ===
 			''
 				? 'pressed pointer-events-none'
 				: ''}"

tailwind.config.ts

@@ -9,7 +9,7 @@ const config: Config = {
 	theme: {
 		container: {
 			center: true,
-			padding: '2rem',
+			padding: '1rem',
 			screens: {
 				'2xl': '1400px'
 			}