From 9a03622f5e657fee07a07756618e3462b1a0e178 Mon Sep 17 00:00:00 2001
From: Kacper Wyczawski <kacper@wyczawski.dev>
Date: Tue, 21 Nov 2023 18:20:26 +0100
Subject: [PATCH] fix: content was overflowing on smaller screens

---
 src/pages/community.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/community.astro b/src/pages/community.astro
index 6fbbce95ae..62ab265071 100644
--- a/src/pages/community.astro
+++ b/src/pages/community.astro
@@ -214,7 +214,7 @@ const teams = await getCollection("teams")
       <ul class="flex flex-wrap gap-4 mt-4">
         {teams.map((team) => (
           <li>          
-            <a href={"/community/teams/" + team.slug} class="!no-underline !text-white w-96 h-[11rem] block hover:bg-nixsemidarkblue group transition-[background] rounded-xl p-2">
+            <a href={"/community/teams/" + team.slug} class="!no-underline !text-white w-full lg:w-96 lg:h-[11rem] block hover:bg-nixsemidarkblue group transition-[background] rounded-xl p-2">
               <div class="flex justify-between">
                 <h3 class="text-2xl">
                   <img src={"/images/teams/" + team.slug + ".svg"} alt="icon" class="inline invert -top-0.5 relative mr-2"/>