1
2
3
4
5
6
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
| Screen | Breakpoint | Gutters | Min container margin | Description |
|---|---|---|---|---|
| DEFAULT | - | 12px | 16px | |
| tablet-sm | 544px | 12px | 16px | |
| tablet | 776px | 24px | 32px | iPad portraits |
| tablet-lg | 1016px | 24px | 32px | iPad landscape |
| laptop | 1216px | 32px | 192px | Small laptop (MacBook 13" or HP 13") |
| laptop-lg | 1312px | 32px | 192px | Large laptop (MacBook 16") |
| desktop | 1600px | 32px | 192px | Desktop |
light-yellow
blue
light-blue
green
grey-10
yellow
red
red
yellow
grey-20
green
light-blue
blue
light-yellow