From feff331051f697ae49f678b2f09068fbf9a61042 Mon Sep 17 00:00:00 2001
From: miyaji255 <84168445+miyaji255@users.noreply.github.com>
Date: Sun, 16 Mar 2025 10:54:22 +0900
Subject: [PATCH] =?UTF-8?q?=E8=AC=9B=E7=BF=92=E4=BC=9A=E3=83=9A=E3=83=BC?=
 =?UTF-8?q?=E3=82=B8=E3=81=AE=E3=83=AC=E3=82=A4=E3=82=A2=E3=82=A6=E3=83=88?=
 =?UTF-8?q?=E3=82=92flex=E3=81=8B=E3=82=89grid=E3=81=B8=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

flexはカードが奇数個のときに最後のカードが長くなってしまうため、gridを使うようにします
---
 src/components/workshop/Workshop2025Section.astro | 2 +-
 src/components/workshop/WorkshopCard.astro        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/workshop/Workshop2025Section.astro b/src/components/workshop/Workshop2025Section.astro
index be6bbab..eb8c1ff 100644
--- a/src/components/workshop/Workshop2025Section.astro
+++ b/src/components/workshop/Workshop2025Section.astro
@@ -79,7 +79,7 @@ const dateFormat = new Intl.DateTimeFormat('ja-JP', {
       2025年度の講習会について情報をまとめています。開始時刻や開催場所などの詳細や他の講習会については随時更新します。是非お気軽にご参加ください！
     </p>
     <p>各回1～3時間程度の予定となっています。途中退室も可能です。</p>
-    <ul class="flex flex-wrap gap-5">
+    <ul class="grid grid-cols-[repeat(auto-fit,minmax(18rem,1fr))] gap-5">
       {
         items.map(({ date, ...item }) => (
           <WorkshopCard {...item} date={dateFormat.format(date)} />
diff --git a/src/components/workshop/WorkshopCard.astro b/src/components/workshop/WorkshopCard.astro
index 1235a73..b5b4bfa 100644
--- a/src/components/workshop/WorkshopCard.astro
+++ b/src/components/workshop/WorkshopCard.astro
@@ -11,7 +11,7 @@ const { title, date, description, place } = Astro.props
 ---
 
 <li
-  class="flex min-w-[18rem] flex-1 flex-col gap-2 rounded-xl border border-slate-300 bg-white p-5 drop-shadow"
+  class="flex flex-1 flex-col gap-2 rounded-xl border border-slate-300 bg-white p-5 drop-shadow"
 >
   <h2 class="text-xl font-bold">{title}</h2>
   <p class="flex items-center gap-2 text-slate-600">