Skip to main content

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!)

Status: Completed1 comment

Log in to comment and vote

Comments1

  • Yax Dabhi

    •

    Jul 20

    Good to review now. @Matt Jones