Keep single-column layout on mobile until desktop breakpoints.

Wide max-widths and shop grids now only expand at lg/xl, not sm/md.
2026-05-24 04:28:49 -06:00
parent 91cced4c75
commit 68b3da1d13
3 changed files with 5 additions and 6 deletions
--- a/components/shop/shop-content.tsx
+++ b/components/shop/shop-content.tsx
@@ -201,8 +201,7 @@ export function ShopContent() {

  const roomItems = items.filter((item) => item.type === "room");

-  const itemGridClassName =
-    "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3";
+  const itemGridClassName = "grid grid-cols-1 gap-3 lg:grid-cols-2 xl:grid-cols-3";

  return (
    <>