A PRACTICAL LITTLE TOOL
Find a tidy grid.
How many items make complete rows on both desktop and mobile? Choose your column counts and we’ll work it out.
01 / YOUR LAYOUT
Set your columns
02 / YOUR RESULTS
Complete grids: every 12 items
12 is the smallest item count divisible by both 4 and 3.
| Items | Desktop (4 columns) | Mobile (3 columns) |
|---|---|---|
| 12 | 3 rows | 4 rows |
| 24 | 6 rows | 8 rows |
| 36 | 9 rows | 12 rows |
| 48 | 12 rows | 16 rows |
| 60 | 15 rows | 20 rows |
| 72 | 18 rows | 24 rows |
| 84 | 21 rows | 28 rows |
| 96 | 24 rows | 32 rows |