Skip to content

refactor: use named container query for Columns component#222

Merged
brandonmcconnell merged 1 commit intomainfrom
brandon/update-columns-to-use-named-container
Mar 19, 2026
Merged

refactor: use named container query for Columns component#222
brandonmcconnell merged 1 commit intomainfrom
brandon/update-columns-to-use-named-container

Conversation

@brandonmcconnell
Copy link
Contributor

@brandonmcconnell brandonmcconnell commented Mar 19, 2026

Summary

Refactors the Columns component to utilize a named container query, columns-container. This change explicitly scopes the responsive styling of the Columns component, preventing potential unintended interactions with other unnamed container queries on the page. By using a named query, the component's responsive behavior becomes more robust and predictable.

The @mintlify/components package version has been updated to 1.0.13 to reflect this change.

Test Plan

Verify the responsiveness and layout of the Columns component, particularly within a container, using the updated InsideContainer story in Storybook. Ensure the grid columns adjust correctly at different container sizes.


Note

Low Risk
Low risk: this is a small styling-scope change limited to the Columns responsive Tailwind container query classes plus a Storybook demo update.

Overview
Updates Columns to use a named container query (columns-container) for its responsive grid classes, scoping container-driven breakpoints to avoid collisions with other container query contexts.

Updates the InsideContainer Storybook wrapper to declare the named container, and bumps @mintlify/components to 1.0.13 with a corresponding changelog entry.

Written by Cursor Bugbot for commit a57699b. This will update automatically on new commits. Configure here.

Update the `Columns` component and its Storybook examples to utilize a named container query (`columns-container`). This provides explicit targeting for container query breakpoints, enhancing isolation and specificity of responsive behaviors, and preventing potential conflicts in complex or nested layouts.
@brandonmcconnell brandonmcconnell merged commit f85a948 into main Mar 19, 2026
3 checks passed
@brandonmcconnell brandonmcconnell deleted the brandon/update-columns-to-use-named-container branch March 19, 2026 22:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants