Build responsive interfaces that stay aligned at every breakpoint.
Apply advanced Tailwind CSS layout techniques for responsive grids, flexbox, containers, positioning, scrolling, and multi-column designs.
When to use it
Use proactively when building complex responsive layouts involving grids, flexbox, container queries, sticky elements, masonry alternatives, or multi-column designs.
It changes how the agent builds responsive layout code by applying Tailwind CSS Grid, Flexbox, sizing, overflow, and breakpoint practices.
What you provide
Not yet reviewed.
The project must use Tailwind CSS because the documented layouts are expressed as Tailwind utility classes and directives.
The container-query examples require the @tailwindcss/container-queries plugin.
No additional actions listed.