tailwindcss-advanced-layouts - Build advanced layouts with Tailwind CSS
Provides Tailwind CSS patterns for Grid, Flexbox, container queries, positioning, scrolling, aspect ratios, and responsive layouts.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Build CSS Grid layouts
- Create responsive grid patterns
- Apply Flexbox sizing patterns
- Define container queries
- Implement sticky positioning
- Configure scrolling behavior
- Set aspect ratios
- Manage layout layering
Inputs
- Layout requirements
- Component markup
- Tailwind CSS project
- Content structure
Outputs
- Tailwind CSS class patterns
- CSS utility definitions
- Responsive layout markup
- Grid and Flexbox examples
Requirements
- Tailwind CSS
- Tailwind CSS v4 for shown @utility syntax
- Container query plugin where used
- Browser support for CSS Grid and Flexbox