frontend-responsive
Create responsive layouts that adapt seamlessly across mobile, tablet, and desktop screen sizes. Use this skill when implementing mobile-first layouts or breakpoint-based responsive designs. Use this skill when using CSS media queries, responsive grid systems, or framework breakpoint utilities. Use this skill when ensuring layouts work across different viewport sizes from mobile to desktop. Use this skill when implementing fluid layouts with percentage-based widths. Use this skill when using relative units (rem, em) instead of fixed pixels. Use this skill when optimizing touch targets and tap areas for mobile devices. Use this skill when testing UI changes across multiple screen sizes and devices.
Installation and usage
Create responsive layouts that adapt seamlessly across mobile, tablet, and desktop screen sizes. Use this skill when implementing mobile-first layouts or breakpoint-based responsive designs. Use this skill when using CSS media queries, responsive grid systems, or framework breakpoint utilities. Use this skill when ensuring layouts work across different viewport sizes from mobile to desktop. Use this skill when implementing fluid layouts with percentage-based widths. Use this skill when using relative units (rem, em) instead of fixed pixels. Use this skill when optimizing touch targets and tap areas for mobile devices. Use this skill when testing UI changes across multiple screen sizes and devices.
بعد التثبيت، يمكنك استخدام هذه المهارة بتشغيل الأمر التالي في الطرفية:
skills use frontend-responsive