feat(website): Limit organism card container width when there are 5 o…

…rganisms (#3409) * feat(website): Limit organism card container width * Update index.astro * Update index.astro
loculus-project · Dec 9, 2024 · bd9fcbc · bd9fcbc
1 parent 1ae4ed0
commit bd9fcbc
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
@@ -20,7 +20,7 @@ const organismStatisticsMap = await getOrganismStatisticsMap(
     <div class='max-w-6xl mx-auto'>
         <WelcomeMessage websiteName={websiteName} welcomeMessageHTML={welcomeMessageHTML} />
 
-        <div class='flex flex-wrap gap-x-4'>
+        <div class=`flex flex-wrap gap-x-4 ${getConfiguredOrganisms().length ===5 ? "max-w-4xl" : ""}`>
             {
                 getConfiguredOrganisms().map(({ key, displayName, image }) => (
                     <OrganismCard