Explain the three-part responsive foundation and identify when a layout is being patched instead of designed responsively.
The move: build the flexible base before you add breakpoints. Responsive design has three technical ingredients that work together. A fluid grid lets columns and containers adapt to available space. Flexible media keeps images, videos, charts, and embeds from overflowing their containers. Media queries then adjust the arrangement when the current layout no longer serves the content. The order matters. If the base layout is fixed, every breakpoint becomes a pile of overrides. If the media is not flexible, the page can still overflow even after the text stacks correctly. If the breakpoints are chosen only from device presets, the…
Sign up free — one personalized lesson every day, matched to your role and goals.
Already have an account? Sign in