Defining breakpoints
Device | Range (pixels) | Text size guide | Page margin & padding (pixels) | Column spacing (pixels) |
---|---|---|---|---|
Phone (smallest) | 320-539 | Mobile | 15/0 | 15 |
Phone | 540-767 | Mobile | 15/0 | 15 |
Phone/Tablet portrait | 768-991 | Desktop | 15/0 | 15 |
Phone/Tablet | 992-1199 | Desktop | 35/15 | 35 |
Tablet /Laptop/Desktop | 1200 + | Desktop | 35/15 | 35 |