Responsive Design Skill

When to use

• Building layouts that work across all screen sizes
• Implementing fluid typography and spacing
• Using container queries for component-level responsiveness
• Creating mobile-first or adaptive interfaces

Mobile-first breakpoints

/* Base: mobile (0-639px) */
/* sm: 640px */ @media (min-width: 640px) { }
/* md: 768px */ @media (min-width: 768px) { }
/* lg: 1024px */ @media (min-width: 1024px) { }
/* xl: 1280px */ @media (min-width: 1280px) { }
/* 2xl: 1536px */ @media (min-width: 1536px) { }