CSS & Frontend

Responsive Design

/rɪˈspɒnsɪv dɪˈzaɪn/

Definition

A web design approach that makes layouts adapt to different screen sizes using flexible grids, images, and media queries.

Example in context

"Mobile-first means start with the smallest layout and add complexity with min-width breakpoints."

Related terms

Practice this term

Master Responsive Design in context by working through exercises in the CSS & Frontend module. You'll see the term used in real engineering scenarios with multiple-choice, fill-in-the-blank, and matching drills.