From fac001a08c3d42411dec696ef7e9983e843e76b0 Mon Sep 17 00:00:00 2001
From: Kian Newman-Hazel <kian@cloudflare.com>
Date: Thu, 31 Jul 2025 19:51:20 +0100
Subject: [PATCH] [Docs Site] Fix grid columns on small viewports in
 ResourcesBySelector

---
 src/components/ResourcesBySelector.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ResourcesBySelector.tsx b/src/components/ResourcesBySelector.tsx
index 870f9d5c92ab78..76d883d777d0f5 100644
--- 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 =