Skip to content

Commit 45cd93d

Browse files
refactor: adjust Columns multi-column breakpoint (#229)
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.
1 parent 9276591 commit 45cd93d

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

packages/components/src/components/columns/columns.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ const Columns = ({
2323
Classes.Columns,
2424
"prose dark:prose-invert grid max-w-none gap-4",
2525
"sm:grid-cols-[repeat(var(--cols),minmax(0,1fr))]",
26-
"@[0px]/columns-container:grid-cols-1 @sm/columns-container:grid-cols-[repeat(var(--cols),minmax(0,1fr))]",
26+
"@2xl/columns-container:grid-cols-[repeat(var(--cols),minmax(0,1fr))] @[0px]/columns-container:grid-cols-1",
2727
className
2828
)}
2929
style={{ "--cols": numCols } as React.CSSProperties}

0 commit comments

Comments
 (0)