layout

Squarespace provides a twelve-column layout grid. The purpose of this page is to demonstrate basic layout possibilities and (by resizing one’s browser) to witness the maximum and minimum widths that elements will assume responsively given different browser width + columnar layout combinations.

 

 

Two Across full width

Two Across full width

 

 
 

Two Across Partial Inset

Two Across Partial Inset

 
 

 
 

Two Across Full Inset

Two Across Full Inset

 
 

 

Three Across Full Width

Three Across Full Width

Three Across Full Width

 

 

Four Across Full Width

Four Across Full Width

Four Across Full Width

Four Across Full Width

 

 
 

Four Across Inset

Four Across Inset

Four Across Inset

Four Across Inset

 
 

 
 

Five Across Partial Inset

 

Five Across Partial Inset

 

Five Across Partial Inset

 

Five Across Partial Inset

 

Five Across Partial Inset