[Docs Site] Fix grid columns on small viewports in ResourcesBySelector (#24103)

KianNH · thomasgauvin · commit dd191b335cc1 · 2025-08-15T16:52:36.000-04:00
diff --git a/src/components/ResourcesBySelector.tsx b/src/components/ResourcesBySelector.tsx
@@ -81,7 +81,7 @@ export default function ResourcesBySelector({
 			)}
 
 			<div
-				className={`grid ${columns === 2 ? "grid-cols-2" : "grid-cols-3"} gap-4`}
+				className={`grid ${columns === 2 ? "md:grid-cols-2" : "md:grid-cols-3"} grid-cols-1 gap-4`}
 			>
 				{visibleResources.map((page) => {
 					const href =

Original file line number	Diff line number	Diff line change
`@@ -81,7 +81,7 @@ export default function ResourcesBySelector({`
`81`	`81`	`)}`
`82`	`82`
`83`	`83`	`<div`
`84`		- className={`grid ${columns === 2 ? "grid-cols-2" : "grid-cols-3"} gap-4`}
	`84`	+ className={`grid ${columns === 2 ? "md:grid-cols-2" : "md:grid-cols-3"} grid-cols-1 gap-4`}
`85`	`85`	`>`
`86`	`86`	`{visibleResources.map((page) => {`
`87`	`87`	`const href =`