- Develop HTML and CSS competency
- Practice visually interpreting HTML and CSS code from the rendered DOM
- Practice jumping into, and contributing to, an existing code base
You've been hired as a developer to write the code for a cutting edge shoes website: ZHW. Somehow, without being able to program it themselves, the company has provided a complete image for what the site should look like once the HTML and CSS have been updated:
- Open
index.html
in your browser to see what we have so far (most of the work is completed already). - Write the necessary CSS in
css/layout.css
to create classes for a three column grid. - Update
index.html
to make use of your newly created CSS classes. - Either provide sized tile classes, make use of the clearfix hack
using
float
andclear
, or use your own implementation to accurately fill the columns with content.
Note: This lab has less direction than previous labs. As programmers in training, you are expected to use your Google-Fu to complete the challenge!