Breakpoints (pontos de quebra) são pontos no design de um website em que o estilo, o layout ou uma secção da página muda. São usados sobretudo em websites responsivos, para definir como os elementos aparecem em dispositivos como smartphones, tablets e computadores.
Os breakpoints são muito importantes no web design, porque tornam o website fácil de usar e acessível em todos os dispositivos. Quando estes pontos estão definidos e o layout está otimizado, o website adapta-se a vários tamanhos de ecrã e a experiência do utilizador melhora em todas as plataformas.