Which design approach uses breakpoints to adjust the layout for different screen sizes?

• A. Fixed layout
• B. Print styles
• C. Absolute positioning
• D. Responsive design

Answer: (D)

Breakpoints are thresholds in CSS where the layout changes to fit different viewport widths, which is at the heart of responsive design. In this approach, the grid is fluid and elements scale with the screen, and media queries kick in at those breakpoints to reflow content, adjust column counts, resize typography, or show/hide elements. This lets a single design gracefully adapt from mobile to tablet to desktop without separate layouts or manual rearrangement. The other options don’t provide this adaptive behavior: a fixed layout uses constant widths that don’t change with screen size, print styles are intended for printed pages rather than on-screen responsiveness, and absolute positioning fixes elements in place regardless of viewport, breaking layout when the screen size changes.