Rule Frontend

Responsive Design

Design mobile-first with relative units and breakpoints

frontendresponsivemobile
CLAUDE.md

Design mobile-first. Start with the smallest screen and add complexity with min-width breakpoints. Use relative units (rem, em, %) and flexible layouts. Test on real devices, not just browser resize.

Copy this block into your CLAUDE.md or agent config file to enforce it in your workflow.

get crystl