From 31de605aeb04fee100a6c3aed47c9ab0abc6cd98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan-Peter=20Dhall=C3=A9?=
 <62998174+janpeterd@users.noreply.github.com>
Date: Wed, 12 Jun 2024 16:06:27 +0200
Subject: [PATCH] fix overflow on mobile (#62)

---
 src/lib/components/news-thumb.svelte | 2 +-
 src/routes/news/[slug]/+page.svelte  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/news-thumb.svelte b/src/lib/components/news-thumb.svelte
index 393748e..d757c41 100644
--- a/src/lib/components/news-thumb.svelte
+++ b/src/lib/components/news-thumb.svelte
@@ -12,7 +12,7 @@
 		<div class="flex flex-col gap-4 text-sm font-medium text-slate-400">
 			<p class="font-bold text-slate-400">{formatDate(entry.date)}</p>
 		</div>
-		<h2 class="title text-4xl font-bold hover:text-slate-200 md:text-5xl lg:text-6xl">
+		<h2 class="title text-3xl font-bold hover:text-slate-200 md:text-5xl lg:text-6xl">
 			<a href={link}>{entry.title}</a>
 		</h2>
 		<a
diff --git a/src/routes/news/[slug]/+page.svelte b/src/routes/news/[slug]/+page.svelte
index 2c586e7..feff4f0 100644
--- a/src/routes/news/[slug]/+page.svelte
+++ b/src/routes/news/[slug]/+page.svelte
@@ -35,7 +35,7 @@
 {#if data.other.length > 0}
 	<section class="mx-auto mt-72 max-w-screen-lg">
 		<Title class="mb-6"><span slot="title">More news</span></Title>
-		<ul class="grid grid-cols-2 gap-x-7 gap-y-16">
+		<ul class="grid grid-cols-2 gap-x-7 gap-y-16 overflow-auto">
 			{#each data.other as entry}
 				<NewsThumb {entry} />
 			{/each}