How many breakpoints should a website have?
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 are good responsive breakpoints?
The responsive breakpoints that we recommend building to these days are 360px for mobile, 768px for tablet and 1366px for desktop.