What are breakpoints?

Breakpoints are predefined dimensions of a device or browser window, typically expressed as height and width in pixels. For each set of dimensions, breakpoints specify the optimal layout of content and features. 

For example, breakpoints can be used to specify a different website design when viewed through a narrower window (such as a tablet device).