Los breakpoints (puntos de ruptura) son puntos del diseño de una web en los que cambia el estilo de la página, la maquetación o una sección del sitio. Se usan sobre todo en webs responsive para definir cómo se muestran los elementos en dispositivos como móviles, tabletas y ordenadores.
Los breakpoints son muy importantes en el diseño web para que la web sea fácil de usar y accesible en todos los dispositivos. Cuando defines estos puntos y optimizas la maquetación, la web se adapta a distintos tamaños de pantalla y la experiencia de usuario mejora en todas las plataformas.