Los puntos de ruptura son el punto en el que el contenido de su sitio responderá para proporcionar al usuario la mejor disposición posible para consumir la información. Un punto de ruptura separa la altura o el ancho de los puntos de vista (pantallas, impresoras y otros tipos de salida de medios) en tramos. Por ejemplo, un punto de ruptura de ancho de 40em crea dos saltos: uno para anchos de hasta 40em y otro para anchos superiores a 40em. Los puntos de ruptura pueden utilizarse para definir cuándo los diseños deben pasar de un formulario a otro, cuándo deben cambiar el tamaño de las imágenes y otros cambios que deben responder a los cambios en la altura o la anchura de la pantalla.