A breakpoint, responsive breakpoint or CSS breakpoint is a width or height that you specify in a media query at which point you want to change the style or layout of a page. For example, to change text side, or to go from one to two columns. This should not be confused with a JavaScript breakpoint, which you can use to pause your javascript code and inspect it.