CSS: phone and tablet screen size (2026)

By Xah Lee. Date: .

here's common phone and tablet sizes for web design.

rem here assumes default 16px.

screen sizes for phone, tablet, laptop
Approximate pxrem
320 to 480 (small phones)20 to 30
~600 to 640 (large phones)37.5 to 40
768 (tablets)48
1024 (laptops)64
// css pixels to rem

// small phones
console.log(320 / 16);
// 20

console.log(480 / 16);
// 30

// s------------------------------

// large phones
console.log(600 / 16);
// 37.5

console.log(640 / 16);
// 40

// s------------------------------
// tablets

console.log(768 / 16);
// 48

// laptops
console.log(1024 / 16);
// 64

CSS. Media Query