Update Tailwind Sections to use Container Queries

To allow sections to fit into more interesting grids and pages with sidebars, upgrade their responsive behaviour to use Container Queries instead of standard media queries.

https://tailwindcss.com/docs/responsive-design#container-queries

1) Add @container to the <section> classes
2) Replace prefixes like md: with @md:
3) Replace arbitrary value measurement units like vw or dvw with cqw
4) Update AI to do the same at CLI level
5) Update AI to do the same at Studio web level (For Tailwind only!)

Please authenticate to join the conversation.

Upvoters
Status

Open

Board
🎨

Studio

Date

About 5 hours ago

Author

Matt Jones

Subscribe to post

Get notified by email when there are changes.