Find a site that lists a recent version of all the media breakpoints for responsive design. How does a developer choose which breakpoints to use? Learn about media breakpoints, and then create a valid HTML5 web page to document your findings. Please cite at least two different websites.
According to the website https://kinsta.com/blog/responsive-web-design/, a list of media breakpoints for responsive design include these ranges:
- 576px for portrait phones
- 768px for tablets
- 992px for laptops
- 1200px for large devices
Since there are many different devices with a variety of sizes, it is best to target specific sizes for all designs. The better approach according to https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Media_queries, is to change the design at the size where the content starts to break. This is how a developer should decide which breakpoints to use.