fix overflow on mobile (#62)

This commit is contained in:
Jan-Peter Dhallé 2024-06-12 16:06:27 +02:00 committed by GitHub
parent a77e2bf217
commit 31de605aeb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 2 additions and 2 deletions

View file

@ -12,7 +12,7 @@
<div class="flex flex-col gap-4 text-sm font-medium text-slate-400"> <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> <p class="font-bold text-slate-400">{formatDate(entry.date)}</p>
</div> </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> <a href={link}>{entry.title}</a>
</h2> </h2>
<a <a

View file

@ -35,7 +35,7 @@
{#if data.other.length > 0} {#if data.other.length > 0}
<section class="mx-auto mt-72 max-w-screen-lg"> <section class="mx-auto mt-72 max-w-screen-lg">
<Title class="mb-6"><span slot="title">More news</span></Title> <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} {#each data.other as entry}
<NewsThumb {entry} /> <NewsThumb {entry} />
{/each} {/each}