Responsive Design

When to use this skill

• New website/app: Layout design for combined mobile-desktop use
• Legacy improvement: Converting fixed layouts to responsive
• Performance optimization: Image optimization per device
• Multiple screens: Tablet, desktop, and large screen support

Instructions

Step 1: Mobile-First Approach

Design from small screens and progressively expand.