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 |
