center organism cards on small screens (#2497)

loculus-project · Aug 21, 2024 · 7ca102a · 7ca102a
1 parent a9a8ab8
commit 7ca102a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/website/src/components/IndexPage/OrganismCard.astro b/website/src/components/IndexPage/OrganismCard.astro
@@ -17,7 +17,7 @@ const formatNumber = (num: number) => new Intl.NumberFormat('en-US').format(num)
 
 <a
     href={routes.organismStartPage(key)}
-    class='block rounded border border-gray-300 p-4 m-2 w-64 text-center hover:bg-gray-100'
+    class='block rounded border border-gray-300 p-4 m-2 w-64 text-center hover:bg-gray-100 mx-auto sm:mx-2'
 >
     {image !== undefined && <img src={image} class='h-32 mx-auto mb-4' alt={displayName} />}
     <h3 class='font-semibold'>{displayName}</h3>