# Breakpoint Guidelines for Card Grids

_Mobile (599 or less)_ --> One col
_Small Tablet (600 - 767)_ --> Two col max
_Tablet & Desktop (768 and up)_ --> 3 col min / 3 & 4 col
_Widescreen (1920 and up)_ --> 4 col min / 4 & 5 col.

# Dynamic columns

Dynamic column mode will only assign 3 or 4 cols for desktop as anything less makes cards far too large (stretches imagery, etc).

# Naming strategy

Column namings are desktop-oriented, i.e. 4 col refers to layout that is 4 columns on desktop -- but this layout would be actually 2 column on tablet and 1 column on mobile.