Breakpoints

A developer chooses which breakpoints to use based on two things. Breakpoints can be based on devices meaning that the developer can use them to target phones, tablets, laptops, or large screens. Breakpoints can also be based on content. This means that you only include a breakpoint when the website's content needs a layout adjustment. Breakpoints allow for responsive websites that provide a great user experience on any device. While there are many different breakpoints each for a certain devices, there are also generic ones.

Common breakpoints
How to use CSS breakpoints