Skip to content

Instantly share code, notes, and snippets.

@mike-at-redspace
Last active October 29, 2023 11:23
Show Gist options
  • Save mike-at-redspace/5a9b40ba54389d4849fc8e8cfdd072b7 to your computer and use it in GitHub Desktop.
Save mike-at-redspace/5a9b40ba54389d4849fc8e8cfdd072b7 to your computer and use it in GitHub Desktop.
Common Devices by Viewport Ranges

Tiny Mobile (0-413px):

  • iPhone 5, iPhone 5c, iPhone 5s
  • iPhone 6, iPhone 6s, iPhone 7, iPhone 8, iPhone SE (2020), iPhone SE (2022)
  • iPhone 12 mini, iPhone 13 mini
  • iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, iPhone 14, iPhone 14 Pro, iPhone 15, iPhone 15 Pro
  • iPhone 11 Pro, iPhone X
  • Samsung Galaxy S21 (Dynamic AMOLED 2X, 6.2 inches, 1080 x 2400) Portrait
  • Google Pixel (AMOLED, 5 inches, 1080 x 1920) Portrait
  • Sony Xperia 1 III (OLED, 6.5 inches, 1644 x 3840) Portrait
  • Motorola Edge+ (OLED, 6.7 inches, 1080 x 2340) Portrait
  • Google Pixel 6 (Dynamic AMOLED 2X, 6.4 inches, 1080 x 2340) Portrait
  • Google Pixel 6 Pro (P-OLED, 6.7 inches, 1080 x 2340) Portrait
  • Google Pixel 5 (OLED, 6 inches, 1080 x 2340) Portrait
  • LG Velvet (P-OLED, 6.8 inches, 1080 x 2460) Portrait

Small Mobile (414-767px):

  • iPhone 11, iPhone 11 Pro Max, iPhone XR, iPhone XS Max
  • iPhone 12 Pro Max, iPhone 13 Pro Max, iPhone 14 Plus, iPhone 14 Pro Max, iPhone 15 Plus, iPhone 15 Pro Max
  • iPhone 6s Plus, iPhone 7 Plus, iPhone 8 Plus
  • Google Pixel 4a (OLED, 5.8 inches, 1080 x 2340) Landscape
  • LG G8 ThinQ (OLED, 6.1 inches, 1440 x 3120) Landscape
  • LG V60 ThinQ (P-OLED, 6.8 inches, 1080 x 2460) Landscape

Small (768-1023px):

  • Apple iPad Mini (Portrait)
  • Samsung Galaxy Tab S7 (Portrait)
  • Microsoft Surface Pro 7 (Portrait)
  • Google Pixel Slate (Portrait)
  • Lenovo Yoga Tab Series (Portrait)

Small (1024-1199px):

  • Apple iPad Pro (Landscape)
  • Samsung Galaxy Tab S7 (Landscape)
  • Microsoft Surface Pro 7 (Landscape)
  • Google Pixel Slate (Landscape)
  • Acer Chromebook 14
  • Asus Chromebook Flip
  • HP Chromebook x360

Desktop/Laptops (1200-1919px):

  • MacBook Air with M1 Chip (Late 2020) (2560 x 1600)
  • MacBook Pro 13-inch with M1 Chip (Late 2020) (2560 x 1600)
  • Lenovo ThinkPad X1 Carbon (1920 x 1080)
  • ASUS ZenBook (1920 x 1080)
  • Acer Swift 3 (1920 x 1080)

5K (1920-2560px):

  • Lenovo Yoga C940 (1920 x 1080)
  • Dell XPS 13 (1920 x 1080)
  • HP Spectre x360 (1920 x 1080)
  • iMac 27-inch (5K) (2560 x 1440)
  • Dell UltraSharp 27-inch (5K) (2560 x 1440)
  • LG UltraFine 27-inch (5K) (2560 x 1440)
  • Microsoft Surface Laptop 4 (2496 x 1664) Landscape
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment