Breakpoints are the key moments when a design is adapted to a new screen size; for example, a breakpoint could be defined at 320px, which is the horizontal size of most mobile device viewports.