In the CSS coding language, breakpoints are specific points in the range of screen widths that trigger changes in the design and layout of a website to adapt to various devices and screen sizes. Designers define these breakpoints as set pixel values in CSS. Once the website reaches these values, elements such as the grid and layout adjust to create a different CSS style to provide the best user experience possible.
See also: Fluid grids, Media queries
Further reading: What is Responsive Design?
