Answer
Responsive design adapts content and layout to available space and user conditions. • Flexible sizing prevents unnecessary horizontal scrolling. • Media and container queries introduce changes when the design needs them. • Readable text, touch targets, zoom, and source order remain important.
💡 Simple Example
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
⚡ Quick Revision
Responsive design adapts fluidly instead of assuming one screen size.