Smallest whole-pixel size 2 × 3.
In CSS: aspect-ratio: 2 / 3. Rotated it becomes 3:2.
Where 2:3 is used
Pinterest pins, portrait 35 mm photography, poster prints.
Pinterest explicitly recommends it, and it matches the portrait orientation of a standard camera frame.
Rendered live with aspect-ratio: 2 / 3.
2:3 resolutions
Every size below is exactly 2:3 — no rounding. Sizes marked as a standard are named display resolutions.
| Resolution | Width | Height | Megapixels | Standard |
|---|---|---|---|---|
| 320 × 480 | 320 | 480 | 0.15 | — |
| 480 × 720 | 480 | 720 | 0.35 | — |
| 640 × 960 | 640 | 960 | 0.61 | — |
| 720 × 1080 | 720 | 1080 | 0.78 | — |
| 800 × 1200 | 800 | 1200 | 0.96 | — |
| 960 × 1440 | 960 | 1440 | 1.38 | — |
| 1080 × 1620 | 1080 | 1620 | 1.75 | — |
| 1200 × 1800 | 1200 | 1800 | 2.16 | — |
| 1280 × 1920 | 1280 | 1920 | 2.46 | — |
| 1440 × 2160 | 1440 | 2160 | 3.11 | — |
| 1600 × 2400 | 1600 | 2400 | 3.84 | — |
| 1920 × 2880 | 1920 | 2880 | 5.53 | — |
| 2048 × 3072 | 2048 | 3072 | 6.29 | — |
| 2560 × 3840 | 2560 | 3840 | 9.83 | — |
| 3200 × 4800 | 3200 | 4800 | 15.36 | — |
| 3840 × 5760 | 3840 | 5760 | 22.12 | — |
| 5120 × 7680 | 5120 | 7680 | 39.32 | — |
| 7680 × 11520 | 7680 | 11520 | 88.47 | — |
Using 2:3 in CSS
/* Modern — one line */
.box { aspect-ratio: 2 / 3; }
/* With a fixed width */
.box { width: 100%; max-width: 800px; aspect-ratio: 2 / 3; }
/* Legacy padding-top hack, if you still need it */
.box-legacy { position: relative; }
.box-legacy::before { content: ""; display: block; padding-top: 150%; }
.box-legacy > * { position: absolute; inset: 0; }Devices with a 2:3 screen
| Device | Native resolution | CSS viewport | Diagonal |
|---|---|---|---|
| iPhone 4s | 640 × 960 | 320 × 480 | 3.5″ |
| iPhone 4 | 640 × 960 | 320 × 480 | 3.5″ |
Questions about 2:3
What resolution is 2:3?
2:3 is a ratio, not a fixed resolution — any size where width ÷ height equals 0.6667 qualifies. The smallest whole-pixel pair is 2 × 3, and common ones include 640 × 960, 720 × 1080, 800 × 1200, 960 × 1440.
What is 2:3 used for?
Pinterest pins, portrait 35 mm photography, poster prints.
How do I set 2:3 in CSS?
Use the aspect-ratio property: aspect-ratio: 2 / 3;. The element then keeps that shape at any width. It is supported in every current browser.
What is 2:3 the other way round?
Rotated to landscape it becomes 3:2 — the same shape, turned 90 degrees.
How do I calculate a 2:3 height from a width?
Multiply the width by 1.5. For example 1080 × 1.5 = 1620. The calculator does it both directions.