Breakpointy (punkty przełamania) to miejsca w projekcie strony, w których zmienia się styl, układ strony lub jej sekcji. Używa się ich w stronach responsywnych, aby określić, jak elementy wyglądają na smartfonach, tabletach i komputerach.
Breakpointy są bardzo ważne w projektowaniu stron, bo dzięki nim strona jest wygodna i dostępna na każdym urządzeniu. Gdy punkty są dobrze ustawione, a układ dopracowany, strona dopasowuje się do różnych rozmiarów ekranu. To poprawia doświadczenie użytkownika na wszystkich urządzeniach.