Responsive Design

When to use this skill

• 새 웹사이트/앱: 모바일-데스크톱 겸용 레이아웃 설계
• 레거시 개선: 고정 레이아웃을 반응형으로 전환
• 성능 최적화: 디바이스별 이미지 최적화
• 다양한 화면: 태블릿, 데스크톱, 대형 화면 지원

Instructions

Step 1: Mobile-First 접근

작은 화면부터 설계하고 점진적으로 확장합니다.