fix: content was overflowing on smaller screens

NixOS · Nov 21, 2023 · 9a03622 · 9a03622
1 parent 042c310
commit 9a03622
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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"/>