According to www.lambdatest.com from what I could tell, most web developers use a template as a base. Instead of creating a breakpoint for each and every screen size out there, they use a template or a framework to fit most the screens out in the world today. The most common/popular breakpoints that are usually used are the:
Lambdatest also states that in 2022, per the Worldwide screen Resolution Stats from September 2021 to September 2022, 1920x1080, is accounting for 9.94% of devices in the world. 1366x768 is in second place making up 6.22% of devices. However, according to browserstack.com, they list that in 2023, 1920x1080 is actually at a 9.57% and 1366x768 is at a 5.99%. So this means that more people are getting better resolution screens but, there are also quite a few people who still have lower resolution and smaller screens that need accomadating.
For example, browserstack lists that in 2023 alone, there were 15 common screen screen sizes that were used and those common screen sizes are listed below on the table in no particular order.
| Common Screen Sizes (2023) | |
|---|---|
| 1920x1080 | 360x800 |
| 1366x768 | 1536x864 |
| 390x844 | 414x896 |
| 393x873 | 1280x720 |
| 360x780 | 360x640 |
| 1440x900 | 375x812 |
| 1600x900 | 2560x1440 |
| 810x1080 | |
Now with that being said, this is why having a responsive design is important for everyone involved in the internet. Having so many different kinds of screens being used around the world. There are plenty of users who would enjoy a working website when they visit and in some cases, a fully functioning website for all devices would possibly bring in business opportunities.
“Breakpoint: Responsive Design Breakpoints in 2023.” BrowserStack, 18 Aug. 2023, www.browserstack.com/guide/responsive-design-breakpoints.
“How to Use CSS Breakpoints for Responsive Design.” LambdaTest, 2 Nov. 2023,www.lambdatest.com/blog/how-to-use-css-breakpoints-for-responsive-design/.