Exercises
Two Columns, Centered, Fixed in Size
Here is what you are going for.
![](/hands-on-css-layout/05-exercises-1.png)
Starter HTML without CSS
Example with CSS, in case you get stuck.
Two Columns, Flexible Width
Use percentages instead of fixed pixel widths for flexible layouts.
![](/hands-on-css-layout/05-exercises-2.gif)
Starter HTML without CSS
Example with CSS
Two Columns, Flexible, Centered
Combine the techniques of centering and percentage-based layouts!
![](/hands-on-css-layout/05-exercises-3.gif)
Starter HTML without CSS
Example with CSS