building-responsive-layouts - Create responsive web layouts with mobile-first CSS and container queries
Builds responsive web layouts using mobile-first CSS, fluid typography, and container queries
Tags
Updated: 2026-03-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create grid layouts
- implement breakpoints
- apply fluid typography
- use container queries
- handle touch targets
- manage safe areas
Inputs
- CSS code
- HTML markup
- viewport dimensions
- device capabilities
Outputs
- responsive CSS styles
- media query rules
- container query implementations
- touch-friendly layouts
Requirements
- CSS support
- modern browser
- device testing tools