How does a developer choose breakpoints to use? And what are breakpoints?
Breakpoints are screen widths in pixels that allow developers to "resize" the content you are viewing no matter what device you are on. A developer chooses breakpoints using a mobile first design, this ensures the user will have a better experience using any device they choose. When using mobile first for breakpoints there is an industry standard that developers now use, it is common to find that developers will use a maximum pixel width of 767px then they will ascend going up hence the mobile first. You can commonly find tablets using a minimum width of 768px and a maximum of 1023px this maximum seems large but as companies make bigger tablets that have similar displays of smaller laptops then this is needed for a good user experience. Then for laptops or desktops you can find a minimum pixel width of 1024px, this ensures that once you are in a desktop setting then no matter how big of a display after 1024px that it will resize accordingly.