2 Columns, Center-Aligned, Liquid Layout

The Magical em Unit

We've looked at the em unit before. You can imagine the em unit as a percentage of the font-size. If the container font size changes, any property set with an em unit will scale accordingly.

Let's constrain the maximum and minimum widths of the wrapper with em units, rather than pixels.

After you do that, you can experiment with the font-size values in the body.

We're scaling properly. Our content is liquid and centered. Wonderful work!

Make certain yours functions like this.