Topic 1 – Creating Columns
It’s important to keep in mind the width of each container when creating columns. The columns cannot exceed the wrapper, a markup that sets the width of the layout. A full-width header and footer are usually added to multi-column layouts.
Topic 2 – Three-Column, Fluid Center Layouts
Programmer Ryan Brill developed specific code that enables three column layouts to have a fluid center, while maintaining the same right and left column layout. There are two methods in achieving fluid center layouts and both require altering the margins of two wrapper elements. The first option requires the margins to be manipulated around all three columns. The second option only requires the margins to be altered around the left and center columns.
Topic 3 – A Multi-Row, Multi-Column Layout
When designing layouts with multiple columns, it’s common for certain elements to repeat. For example, section, article, and nav elements are usually used more than once. Instead of labeling these elements with different class names the proper technique is to place IDs at the beginning of each main section of the markup.