ZHW Shoes Layout (lab)
Last updated
Last updated
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 has 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
and clear
, 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!
clone project here https://github.com/learn-co-curriculum/hs-zhw-shoes-layout