Een breekpunt is een punt in het ontwerp van een Drupal-website waar de lay-out van de pagina verandert om tegemoet te komen aan verschillende schermformaten. Breakpoints worden gebruikt om ervoor te zorgen dat een website er op elk apparaat goed uitziet, van een kleine mobiele telefoon tot een grote desktopmonitor. Breekpunten worden ingesteld in de CSS-code van een Drupal-website en worden geactiveerd wanneer het browservenster een bepaalde breedte bereikt. Wanneer de grootte van het browservenster het breekpunt bereikt, verandert de lay-out van de pagina zodat deze bij de nieuwe grootte past.
Een website kan bijvoorbeeld een breekpunt hebben op 800px. Wanneer het browservenster minder dan 800 px breed is, geeft de website een lay-out met één kolom weer. Wanneer het browservenster breder is dan 800px, zal de website een lay-out met twee kolommen weergeven. Dit zorgt ervoor dat de website er op elk apparaat goed uitziet, ongeacht de grootte van het browservenster.
Breekpunten zijn een belangrijk onderdeel van responsief ontwerp, het ontwerpen van websites die er op elk apparaat goed uitzien. Responsief ontwerp is een belangrijk onderdeel van het creëren van een succesvolle website in Drupal, en breekpunten zijn een essentieel onderdeel van het proces.