fix(partners): avoid 2-col collision between gold and silver at sm

At the sm breakpoint range (640-767px), both gold and silver were
rendering as 2-col, making them visually identical in column count.
Skip the 2-col phase for silver (jumps from 1-col to 3-col at sm) and
likewise bump bronze from 3-col to 4-col so silver and bronze stay
distinct too.

Final cascade:
- Gold:   1 / 2 / 2 / 2 / 2  (xs / sm / md / lg / xl)
- Silver: 1 / 3 / 3 / 4 / 4
- Bronze: 2 / 4 / 4 / 5 / 6

Author: tannerlinsley

src/components/PartnersGrid.tsx

@@ -36,14 +36,14 @@ const tierLayout: Record<
     padding: 'p-12',
   },
   silver: {
-    flexBasis: 'basis-full sm:basis-1/2 md:basis-1/3 lg:basis-1/4',
+    flexBasis: 'basis-full sm:basis-1/3 lg:basis-1/4',
     minHeight: 'min-h-[130px]',
     logoMaxWidth: 'max-w-[180px]',
     logoMaxHeight: 'max-h-[56px]',
     padding: 'p-6',
   },
   bronze: {
-    flexBasis: 'basis-1/2 sm:basis-1/3 md:basis-1/4 lg:basis-1/5 xl:basis-1/6',
+    flexBasis: 'basis-1/2 sm:basis-1/4 lg:basis-1/5 xl:basis-1/6',
     minHeight: 'min-h-[100px]',
     logoMaxWidth: 'max-w-[110px]',
     logoMaxHeight: 'max-h-[36px]',
@@ -137,35 +137,35 @@ export function PartnersGrid({
       {tiersWithPartners.map((row) => {
         const flare = partnerTierFlares[row.tier]
         return (
-        <Card
-          key={row.tier}
-          className={`overflow-hidden rounded-none rounded-l-sm rounded-r-2xl bg-gradient-to-b ${flare.gradientStops}`}
-        >
-          <div className="ml-1.5 bg-white dark:bg-gray-900">
-            <div className="px-4 pt-3 pb-2 border-b border-gray-200 dark:border-gray-800 flex items-center gap-2">
-              <span className={flare.iconColor}>{flare.icon}</span>
-              <span
-                className={`text-[10px] uppercase tracking-[0.18em] font-semibold ${flare.labelColor}`}
-              >
-                {partnerTierLabels[row.tier]}
-              </span>
+          <Card
+            key={row.tier}
+            className={`overflow-hidden rounded-none rounded-l-sm rounded-r-2xl bg-gradient-to-b ${flare.gradientStops}`}
+          >
+            <div className="ml-1.5 bg-white dark:bg-gray-900">
+              <div className="px-4 pt-3 pb-2 border-b border-gray-200 dark:border-gray-800 flex items-center gap-2">
+                <span className={flare.iconColor}>{flare.icon}</span>
+                <span
+                  className={`text-[10px] uppercase tracking-[0.18em] font-semibold ${flare.labelColor}`}
+                >
+                  {partnerTierLabels[row.tier]}
+                </span>
+              </div>
+              <div className="flex flex-wrap items-stretch -mr-px -mb-px">
+                {row.partners.map((partner) => {
+                  const index = slotIndex++
+                  return (
+                    <PartnerGridItem
+                      key={partner.id}
+                      analyticsPlacement={analyticsPlacement}
+                      analyticsProperties={analyticsProperties}
+                      index={index}
+                      partner={partner}
+                    />
+                  )
+                })}
+              </div>
             </div>
-            <div className="flex flex-wrap items-stretch -mr-px -mb-px">
-              {row.partners.map((partner) => {
-                const index = slotIndex++
-                return (
-                  <PartnerGridItem
-                    key={partner.id}
-                    analyticsPlacement={analyticsPlacement}
-                    analyticsProperties={analyticsProperties}
-                    index={index}
-                    partner={partner}
-                  />
-                )
-              })}
-            </div>
-          </div>
-        </Card>
+          </Card>
         )
       })}
     </div>