Breekpunt

Een breekpunt is een punt in het ontwerp van een Drupal-website waarop de lay-out van de pagina verandert voor verschillende schermformaten. Breekpunten zorgen ervoor dat een website er goed uitziet op elk apparaat, van een kleine mobiele telefoon tot een grote desktopmonitor. Breekpunten stel je in de CSS-code van een Drupal-website in en ze worden geactiveerd wanneer het browservenster een bepaalde breedte bereikt. Zodra het browservenster het breekpunt bereikt, past de lay-out van de pagina zich aan het nieuwe formaat aan.

Een website kan bijvoorbeeld een breekpunt op 800px hebben. Wanneer het browservenster smaller is dan 800px, toont de website een lay-out met één kolom. Wanneer het browservenster breder is dan 800px, toont de website een lay-out met twee kolommen. Zo ziet de website er goed uit op elk apparaat, ongeacht de grootte van het browservenster.

Breekpunten zijn een belangrijk onderdeel van responsive design: websites ontwerpen die er op elk apparaat goed uitzien. Responsive design is essentieel voor een succesvolle website in Drupal en breekpunten zijn een onmisbaar onderdeel van dat proces.