HamburgerHamburger Icon

Grid Breakpoints

Below are the pixel values for all of the grid sizes for each breakpoint:

Mobile Small

Breakpoint Width: 320 pixels

Inner Grid Size: 288 pixels

Column Size: 16 pixels

Gap Between Columns: 8 pixels

Outside Gutter Size: 16 pixels

Mobile Medium

Breakpoint Width: 375 pixels

Inner Grid Size: 343 pixels

Column Size: 21 pixels

Gap Between Columns: 8 pixels

Outside Gutter Size: 16 pixels

Mobile Large

Breakpoint Width: 414 pixels

Inner Grid Size: 382 pixels

Column Size: 24 pixels

Gap Between Columns: 8 pixels

Outside Gutter Size: 16 pixels

Tablet

Breakpoint Width: 768 pixels

Inner Grid Size: 720 pixels

Column Size: 45 pixels

Gap Between Columns: 16 pixels

Outside Gutter Size: 24 pixels

Desktop

Breakpoint Width: 1024 pixels

Inner Grid Size: 944 pixels

Column Size: 64 pixels

Gap Between Columns: 16 pixels

Outside Gutter Size: 40 pixels

Desktop HD

Breakpoint Width: 1192 pixels

Inner Grid Size: 1112 pixels

Column Size: 78 pixels

Gap Between Columns: 16 pixels

Outside Gutter Size: 40 pixels