Breakpoint

Ein Breakpoint ist ein Punkt im Design einer Drupal-Website, an dem sich das Layout der Seite an verschiedene Bildschirmgrößen anpasst. Breakpoints sorgen dafür, dass eine Website auf jedem Gerät gut aussieht, vom kleinen Mobiltelefon bis zum großen Desktopmonitor. Breakpoints werden im CSS-Code einer Drupal-Website festgelegt und greifen, sobald das Browserfenster eine bestimmte Breite erreicht. Erreicht das Browserfenster den Breakpoint, passt sich das Layout der Seite an die neue Größe an.

Eine Website kann zum Beispiel einen Breakpoint bei 800px haben. Ist das Browserfenster schmaler als 800px, zeigt die Website ein einspaltiges Layout. Ist das Browserfenster breiter als 800px, zeigt die Website ein zweispaltiges Layout. So sieht die Website auf jedem Gerät gut aus, unabhängig von der Größe des Browserfensters.

Breakpoints sind ein wichtiger Bestandteil von responsivem Design, also der Praxis, Websites so zu gestalten, dass sie auf jedem Gerät gut aussehen. Responsives Design ist ein zentraler Baustein einer erfolgreichen Website mit Drupal, und Breakpoints sind ein wesentlicher Teil davon.