Should I provide multiple style guides for responsive design?

1. How many breakpoints should I design for?
2. What is a breakpoint in UI design?

How many breakpoints should I design for?

While there is no universal set of breakpoints or best practices, you should use at least 3 breakpoints for the most device flexibility (see illustration). When designing for specific breakpoints, consider the content you have. Don't build media queries for devices, built it for content.

What is a breakpoint in UI design?

A breakpoint is the range of predetermined screen sizes that have specific layout requirements. At a given breakpoint range, the layout adjusts to suit the screen size/ viewport and orientation.