From 4ab098728f401a33202b02f9ddd84ef02c47ef68 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Mon, 12 Aug 2024 01:04:48 +0200
Subject: [PATCH] tweak event item image sizes to fix low image quality on
 mobile

---
 web/src/components/events/EventItem.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/web/src/components/events/EventItem.tsx b/web/src/components/events/EventItem.tsx
index 5d3ca16..fcc0a7d 100644
--- a/web/src/components/events/EventItem.tsx
+++ b/web/src/components/events/EventItem.tsx
@@ -11,7 +11,6 @@ import {
 import {
   formatDate,
   formatDateRange,
-  formatExtendedDateTime,
   groupConsecutiveDates,
 } from "@/lib/date";
 
@@ -47,7 +46,7 @@ export const EventItem = ({
             alt={featuredImage.alt}
             width={0}
             height={0}
-            sizes="20vw"
+            sizes="(max-width: 900px) 100vw, 25vw"
           />
         )}
       </div>