Build responsive interfaces that stay aligned at every breakpoint.
frontend layout
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
No additional actions listed in the analysis.
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.