pdovhomilja Frontend Responsive
When to use this skill
- When implementing responsive layouts in components or pages
- When creating mobile-first designs that progressively enhance for larger screens
- When defining styles for different breakpoints (mobile, tablet, desktop)
- When using relative units (rem, em) instead of fixed pixel values
- When implementing media queries for responsive behavior
- When ensuring tap targets are appropriately sized (minimum 44x44px) for mobile
- When optimizing images and assets for mobile network conditions
- When maintaining readable font sizes across all screen sizes
- When prioritizing content layout for smaller screens
- When testing UI changes across multiple device sizes
- When building fluid container layouts with percentage-based widths
- When implementing responsive navigation patterns (hamburger menus, collapsible sections)
- When reviewing user experience on mobile, tablet, and desktop devices
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend responsive.
Instructions
For details, refer to the information provided in this file: frontend responsive