feat(ContainerQueries): add container queries to responsive props api #3130
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
View your CI Pipeline Execution ↗ for commit dd4a6f4 ☁️ Nx Cloud last updated this comment at |
aresnik11
approved these changes
Jul 21, 2025
packages/styleguide/src/lib/Foundations/System/ResponsiveProperties/ResponsiveProperties.mdx
Outdated
Show resolved
Hide resolved
packages/styleguide/src/lib/Foundations/System/ResponsiveProperties/ResponsiveProperties.mdx
Outdated
Show resolved
Hide resolved
| 2. **Declare containers** – add `container-type` to the element whose descendants should listen to container breakpoints. | ||
| 3. **Stay readable** – the same guidelines for choosing object vs. array syntax apply. Use object syntax for isolated container breakpoints and the ordered array syntax when specifying every breakpoint. | ||
|
|
||
| Check out the stories in the left sidebar for more examples of responsive props! |
There was a problem hiding this comment.
Can we link directly to them? Took me a minute to realize there were examples that aren't directly included in the mdx page
…rties/ResponsiveProperties.mdx Co-authored-by: Amy Resnik <[email protected]>
|
🚀 Styleguide deploy preview ready! |
📬Published Alpha Packages:@codecademy/[email protected] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Overview
Adds container queries to our responsive props API
PR Checklist
Testing Instructions
PR Links and Envs