Menu

Close

  • Home
  • Getting Started
  • Grids
  • Buttons
  • Interactions
  • Text + Fonts
  • Galleries
  • Navigation + Links
  • Borders
  • Layouts + Embeds
  • Positioning and Alignment
  • Filters
  • Images
  • Video
  • Making your site responsive
  • Best Practices
  • Quick Tips & How-To's
  • Designer Certification
Grids

Learn how to use the grid element and create custom grids

2 columns

3 columns

4 columns

5 columns (custom)

Can be used for any number of rows

6 columns

1 Static 1 Responsive

Masonry grid

Small grid

Making grids responsive

Adding color to columns

Alternating grids