Content Layout

Tables

You should NEVER use tables for page layout. Our templates and snippets can be used to take care of the basic layout of any page.

Columns

Columns should be used only to break apart content that is logically separate or to compare things. Columns should not be used simply as a layout prop. Use columns sparingly. On a mobile view, all columns will stack on top of each other, so they're only really useful on larger screens.

To create columns, use the Columns Snippet.

2 Columns

Sometimes you may wish to separate your content into 2 columns.

Up

One of the most common directions. Also a fantastic Pixar film.

Down

The Y-axis relative vertical direction opposed to up. Also what you feel when you play the blues.

3 Columns

Occasionally you may need to separate your content into 3 columns. Note that on tablets, these stack 2 over 1.

Moe

Moe Howard was born in 1897, in Bensonhurst, N.Y., a small Jewish community on the outskirts of Brooklyn. Moe’s real name was Moses Horwitz.

Larry

Larry Fine was born in 1902 on the south side of Philadelphia. His father, Joseph Fienberg, and mother, Fanny Lieberman, owned a watch repair and jewelry shop.

Curly

Curly Howard was born Jerome Lester Horwitz in the Bensonhurst section of the Brooklyn borough of New York City on October 22, 1903.

4 Columns

On rare occasions, you may need to separate your content into four columns. If you are considering this, contact us to discuss what you're trying to accomplish as we may be able to help you present your content in a better fashion. Note that on mobile view, these stack 2 over 2.

Donatello

The scientist, inventor, engineer and technological genius, Donatello wears a purple mask and wields a bo staff.

Leonardo

The tactical, courageous leader and devoted student of his sensei, Leonardo wears a blue mask and wields two katana.

Michelangelo

The most stereotypical teenager of the team, Michelangelo is a free-spirited, relaxed and often goofy jokester.

Raphael

The team's bad boy, Raphael wears a dark red mask and wields a pair of sai. He is very strong, has an aggressive nature and seldom hesitates to throw the first punch.

5 Columns

You don't need five columns.

Scooby

Scooby-Doo is the pet and lifelong companion of Shaggy Rogers. He is a unique Great Dane dog who is able to speak in broken English, unlike most other dogs in his reality.

Shaggy

Shaggy is a cowardly slacker more interested in eating than solving mysteries. He is the only Scooby-Doo character (besides Scooby) to appear in all iterations of the franchise.

Velma

Velma is a highly intelligent young woman who is well read on various scientific and sometimes obscure information. She is usually the one to figure out the mystery.

Daphne

Daphne is the enthusiastic, but clumsy and danger-prone member of the gang. She occasionally gets kidnapped, tied up and imprisoned.

Fred

Fred generally takes the lead in solving mysteries, often constructing various Rube Goldberg traps for villains, which Scooby-Doo and Shaggy often set off by mistake.