frontend responsive design standards
Standards for mobile-first responsive design using CSS Grid, Flexbox, relative units, and consistent breakpoints.
Install
npx skills add https://github.com/am-will/codex-skills --skill 'Frontend Responsive Design Standards'Stats
| Total installs | 1,238 |
| Weekly installs | – |
| GitHub stars | 820 |
| First seen | – |
| Source | @am-will/codex-skills |
Summary
- Start with mobile layout, then enhance for larger screens using min-width media queries; use project-standard breakpoints (e.g., Tailwind's 640px, 768px, 1024px) consistently
- Build fluid layouts with percentage widths, flexbox, and CSS Grid instead of fixed pixel dimensions; use max-width containers and 1fr grid columns
- Apply relative units (rem/em) for typography and spacing to scale with root font size; maintain minimum 16px body text and 44x44px touch targets for mobile accessibility
- Optimize images with srcset and modern formats (WebP, AVIF); prioritize content on mobile by hiding secondary elements and reordering with flexbox/Grid order property
- Test layouts at key breakpoints (375px, 768px, 1024px, 1440px) to catch horizontal scrolling, overlapping elements, and readability issues
Tags
Related skills
| Skill | Installs | vs frontend responsive design standards |
|---|---|---|
| csharp-developer | 1,247 | +9 |
| task-management | 1,180 | -58 |
| angular-architect | 1,157 | -81 |
| react-patterns | 1,166 | -72 |
| shopify-liquid-themes | 1,246 | +8 |
FAQ
- How many installs does frontend responsive design standards have?
- frontend responsive design standards has 1,238 total installs and – installs this week.
- Where is frontend responsive design standards hosted?
- frontend responsive design standards is published by @am-will/codex-skills at https://github.com/am-will/codex-skills.
- How many GitHub stars does frontend responsive design standards have?
- frontend responsive design standards has 820 GitHub stars.
- When was frontend responsive design standards first indexed?
- OrangeBot.AI first indexed frontend responsive design standards on –.
- How do I install frontend responsive design standards?
- Run: npx skills add https://github.com/am-will/codex-skills --skill 'Frontend Responsive Design Standards'