These templates can be inserted in the body of a page to lay out the content in various ways. Each template can either be used alone or in combination with another column template.
When selecting a template, keep in mind the best practices for line-length of body copy. View line-length guidelines.
A centered single column layout works well for headlines, tables, large graphics and charts.
Using two equal-width columns works well for body copy, images, and cards. On small screens, each column resizes to take on the full width of the screen.
A sidebar layout includes one wider primary column and a narrower secondary column. On small screens, each column resizes to take up the full width of the page. The primary column is a good option for tables, forms, and images. The secondary column is a good place for cards, highlight boxes, widgets, lists, and secondary copy.
A three column layout works well for cards and 3 short pieces of related text. On small screens each column resizes to fill the full width of the page.