The Grid

 

THE CONTENT AREA 

The Interior Page Template is set on a grid that is 100% the width of the browser you are viewing it in by unlimited length. Website Editors work within a content area that is 995 pixels (px) wide and divided into 12 variable-width columns. For ease of use and content legibility, the pre-built snippets in your Snippets Menu have one-, two-, or three-column options. 

 


 

 One Column

 

 Two Columns

 Two Columns

 Three Columns

  Three Columns

  Three Columns

 


 

Setting the content area to 995px allows the templates to leave whitespace to either side of your content, allowing visitors' eyes to rest between visual information and providing flow to the page. 

 

 

a word about PHONES, tablets, and the grid 

The 12-column grid, and variants within, are designed to stack on mobile devices. Two- or Three-column layouts on desktop monitors will appear as one-column layouts on phones and some smaller tablets. The columns stack from left to right, so the left column becomes the top, the middle becomes the middle, and the right column moves to the bottom. Keep this in mind when laying out information in columns and cards.