Review of LogRocket and BrowserStack
Website Names:LogRocket and BrowserStack
Website Purpose: This page specifically is about CSS Breakpoints and responsive design.
Findings: It seems there are several common breakpoints for min width.
- Small devices - 576px and up
- Medium devices - 768px and up
- Large devices - 992px and up
- Extra large devices - 1200px and up
From what I read typically you can choose a breakpoint via device based, content based, or a combined approach. Between these three it's probably best to use a combined approach. This allows you to design content to be fluid or adapt to container size. As LogRocket says look to minimize intervention. You want the content to do the work for you.
All and all it seems you want to develop for a mobile audience first and work your way through breakpoints to adjust for increasing device screen size. There are several ways to test how responsive your website is. The Browser Stack website has a testing feature that allows you to see your page on different devices. The developer tools in your browser can also show different screen sizes and how it looks on them.