Breakpoints are how to we determine at what point (or points) on a website one page layout should switch to another layout. Breakpoints are typically based on screen width, and are set at suitable points at which we can determine when changes in the web page layout need to occur. In between those breakpoints we can allow some flexibility in the page where images, content placeholders, etc., can scale to shrink or expand to fit the page design in a controlled way.