/common-css-device-resolutions

when it comes to vanilla css responsive design, device resolution pain comes in mind. like if you're new to this you will find yourself running in circles trying to figure out the resolution that you will test your view on. so in this repo I'm putting what I've found useful after searching for hours hoping it would help others as much as it helped me.

common-css-device-resolutions

when it comes to vanilla css responsive design, device resolution pain comes in mind. like if you're new to this you will find yourself running in circles trying to figure out the resolution that you will test your view on. so in this repo I'm putting what I've found useful after searching for hours hoping it would help others as much as it helped me.

CSS Device Resolutions

  • ##Smartphones

    • 320x480
      • 533
      • 568
    • 346x346
    • 360x480
      • 598
      • 600
      • 640 ( most popular height resolution in 360px width )
    • 375x667
    • 384x640
    • 390x695
    • 390x390
    • 400x640
    • 412x690
    • 414x736
    • 432x768
    • 504x504

  • ##Tablets

    • 480x800
    • 600x960
      • 1024
    • 604x966
    • 720x1280
    • 768x1366
      • 1024
    • 800x1280
    • 1024x1366
      • 1440

#Source: http://mydevice.io/devices/