2 Columns, Center-Aligned, Liquid Layout

With this lesson we'll center all of the content inside a browser window. Watch the video below to walk through these steps:

1. Open columns_left_liquid.css and save it as columns_center_liquid.css
2. Open columns_left_liquid.html and save it as columns_center_liquid.html
3. Change the link to the style sheet called columns_center_liquid.css

If your css seems a bit off, have a closer look at mine:

#wrapper{
background-color: #FF0000;
max-width:600px;
min-width:400px;
width: 90%;
}
#col-left{
background-color: #00FF00;
float: left;
width:20%;
}
#col-right{
background-color: #0000FF;
float: left;
width:80%;
}

Your web page should function like this now.