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.