Breakpoint

Webseiten, die die Grundsätze des responsive Webdesign berücksichtigen, passen ihr Layout an die unterschiedlichen Viewport-Größen an. Wenn der Viewport zu schmal wird, werden z. B. Elemente wie Header und Navigation bzw. Text und die Sidebars nicht mehr nebeneinander, sondern untereinander angezeigt.

Mittels Media Queries werden an bestimmten breakpoints (engl. für Bruchstelle, Haltemarke) die Einstellungen verändert. Ähnlich funktionieren auch breakpoints für das Laden unterschiedlich großer Bilder mit dem picture-Element.