There are a few shortcodes built into the www.augsburg.edu website template that can help you with page layouts.

You can copy these onto your page and add your own content.

Row

This will create a row of content, separated from what is above and below it. Can be used for a page that is a list of items that need to be separate.

[row]

your content here

[/row]

Two columns, 50% width each

[5050L]

Your left side content here

[/5050L][5050R]

Your right side content here

[/5050R]

Two columns, 66% left / 44% right

[span8]

Your right side content here

[/span8][span4]

Your left side content here

[/span4]

Three columns, 33% width each

[first-third]

left column content here

[/first-third][second-third]

center column content here

[/second-third][third-third]

right column content here

[/third-third]

What about tables?

You may be asking yourself, “Why not use tables to do all these things?” The short answer is this: tables are not responsive; these shortcodes are.

That means on your desktop computer a table may work fine. But if you look at the same content on your phone, in a table all of the content will still be squeezed into two or three columns, making it awful to read. But these shortcodes are responsive so that when the screen is under a certain width, these columns will collapse into a single column.