ZHW Shoes Layout (lab)
ZHW Shoes Layout
Objectives
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
Introduction
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:
What They Would Like:
Instructions
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 gridUpdate
index.html
to make use of your newly created CSS classesEither 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!
Resources
clone project here https://github.com/learn-co-curriculum/hs-zhw-shoes-layout
Last updated