Screen Resolutions and Breakpoints for Responsive Web Design

Common Screen Resolutions

  • 3840 x 2160
  • 2560 x 1440
  • 1920 x 1080
  • 1440 x 900
  • 1366 x 768
  • 1280 x 800
  • 1024 x 1336
  • 768 x 1024
  • 375 x 640
  • 320 x 568

Breakpoints for Example

  • (max-width: 567px)
  • (min-width: 568px) and (max-width: 768px)

Leave a Reply

Your email address will not be published. Required fields are marked *