From 046ef1352635a636e50d2f01b32bb839af342cfb Mon Sep 17 00:00:00 2001 From: Brandon McConnell Date: Wed, 8 Apr 2026 13:21:40 -0700 Subject: [PATCH] refactor: adjust Columns multi-column breakpoint Update the Columns component to apply its multi-column grid layout at the `@2xl` container width, ensuring the single-column layout is maintained for smaller container sizes. --- packages/components/src/components/columns/columns.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/components/columns/columns.tsx b/packages/components/src/components/columns/columns.tsx index c7b6330..0fadba7 100644 --- a/packages/components/src/components/columns/columns.tsx +++ b/packages/components/src/components/columns/columns.tsx @@ -23,7 +23,7 @@ const Columns = ({ Classes.Columns, "prose dark:prose-invert grid max-w-none gap-4", "sm:grid-cols-[repeat(var(--cols),minmax(0,1fr))]", - "@[0px]/columns-container:grid-cols-1 @sm/columns-container:grid-cols-[repeat(var(--cols),minmax(0,1fr))]", + "@2xl/columns-container:grid-cols-[repeat(var(--cols),minmax(0,1fr))] @[0px]/columns-container:grid-cols-1", className )} style={{ "--cols": numCols } as React.CSSProperties}