Grid layouts are used throughout our digital assets to keep complex information clear and organized. Grids are useful to:

Grids should always be responsive with no more than four columns wide at desktop size. Below is a responsive grid structure example with four columns that resize to the following widths:

Full Width: 25%
Tablet: 50%
Mobile: 100%

Three Columns
Full Width: 33%
Tablet: 33%
Mobile: 100%

Three Columns
Full Width: 50%
Tablet: 50%
Mobile: 100%

Example Grids

Your Pathway to Success


Schedule a call

A quick, free, 15 minute call is all it takes to get started.


Create a Blueprint

Our team will create a custom marketing blueprint for you.


Grow Your Business

We’ll execute the plan and start to see your business grow!