responsive-web-design
Installation
Summary
Mobile-first responsive layouts using CSS Grid, Flexbox, and media queries.
- Covers three core layout techniques: Flexbox for flexible component layouts, CSS Grid for structured multi-column designs, and mobile-first media queries for device adaptation
- Includes reference guides for navigation, typography, cards, and grid-based layouts with working code examples
- Emphasizes mobile-first development strategy, cross-browser compatibility, and accessible design patterns across all device sizes
SKILL.md
Responsive Web Design
Table of Contents
Overview
Build mobile-first responsive interfaces using modern CSS techniques including Flexbox, Grid, and media queries to create adaptable user experiences.
When to Use
- Multi-device applications
- Mobile-first development
- Accessible layouts
Related skills