breakpoint media queries code example

Example 1: css media query responsive sizes

320px
480px
600px
768px
900px
1024px
1200px

Example 2: bootstrap screen sizes

The Bootstrap grid system has four classes:
xs (for phones - screens less than 768px wide)
sm (for tablets - screens equal to or greater than 768px wide)
md (for small laptops - screens equal to or greater than 992px wide)
lg (for laptops and desktops - screens equal to or greater than 1200px wide)