Frontend Responsive

Implement mobile-first responsive designs with fluid layouts, standard breakpoints, and relative units to ensure optimal viewing experiences across all device sizes from mobile to desktop. Use this skill when creating or modifying UI layouts, implementing media queries, defining responsive breakpoints, or ensuring components adapt properly to different screen sizes. Use this skill when working with component files that render layouts, grids, navigation menus, or any UI elements that need to adjust based on viewport width. Use this skill when testing UI changes across mobile, tablet, and desktop screen sizes, optimizing touch targets for mobile users, or ensuring readable typography across all breakpoints.