Current Width: 800px × Height: 600px

Tailwind Breakpoints

Base (Mobile): < 640px← YOU ARE HERE
sm: ≥ 640px
md (iPad Portrait): ≥ 768px
lg (iPad Landscape): ≥ 1024px
xl: ≥ 1280px
2xl: ≥ 1536px

iPad Dimensions for Screenshots

13-inch iPad Portrait ⭐1024 × 1366px
iPad Pro 11" Portrait834 × 1194px
iPad Portrait (Standard)768 × 1024px
13-inch iPad Landscape1366 × 1024px
iPad Pro 11" Landscape1194 × 834px
iPad Landscape (Standard)1024 × 768px

Visual Grid Reference

100
200
300
400
500
600
700
800
900
1000
1100
1200
1300
1400
1500
1600
1700
1800
1900
2000
390pxiPhone Portrait
1024px ⭐13" iPad Portrait (PRIMARY)

Resize your browser window to match the iPad dimensions above

Grid lines every 100px • iPad breakpoints highlighted

📱 Primary Screenshot Format: 13-inch iPad Portrait

1024 × 1366 pixels

  1. 1. Open Chrome DevTools (F12 or Cmd+Option+I)
  2. 2. Click the device toolbar icon (Cmd+Shift+M)
  3. 3. Set dimensions to 1024 × 1366
  4. 4. Navigate to the page you want to screenshot
  5. 5. Take screenshot (Cmd+Shift+5 on Mac)