The points at which a website’s content and design will adjust to accommodate various screen sizes to provide the user with the best possible layout to view the content on any device. In responsive design (see term below), breakpoints are often defined by common device widths, such as smartphone, tablet, and desktops above 1024px.