Un breakpoint suddivide le altezze o larghezze del viewport (schermi, stampanti e altri tipi di media usati per la visualizzazione) in step. Per esempio, un breakpoint a larghezza di 40em crea 2 step: uno per larghezze fino a 40em e uno per larghezze oltre 40em. I breakpoint possono essere usati per definire quando i layout devono cambiare forma, quando le immagini devono essere ridimensionate e altri cambiamenti che servono a reagire al cambiamento nell'altezza o larghezza del viewport.