Een breakpoint verdeelt de hoogte of breedte van viewports (schermen, printers en andere media) in stappen. Bijvoorbeeld, een breedte-breakpoint van 40em zorgt voor twee stappen: een voor breedte tot 40em en een voor breedte vanaf 40em. Breakpoints kunnen worden gebruikt om de lay-out aan te passen, om afbeeldingen te schalen en voor andere aanpassingen die verband houden met verandering in hoogte en breedte van de viewport.