/hs-zhw-shoes-layout

This challenge asks students to create a multi column CSS layout based on

Primary LanguageCSSOtherNOASSERTION

ZHW Shoes Layout

Learning Goals

  • 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 have been updated:

ZHW Shoes Layout

Instructions

  1. Open index.html in your browser to see what we have so far (most of the work is completed already).
  2. Write the necessary CSS in css/layout.css to create classes for a three column grid.
  3. Update index.html to make use of your newly created CSS classes.
  4. 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!

Resources