lksing / kwk-css-zetsy-lab-kwk-students-l1-dfw-070918

Zetsy

This challenge asks you to build an Etsy clone, Zetsy, by writing your own HTML & CSS from scratch to match the mockup image:

Steps

1. Use the text and suggested images listed in SOURCE.md to fill in the content for index.html.
2. Then use css/style.css to write the CSS code necessary to make your your site page look like the example mockup. You can eye-drop colors using Digital Color Meter App built in OSX. If you get stuck you can use the Developer Tools to inspect the code at the live site example here: Zetsy live page example
3. BONUS: Add CSS transitions for the mouse hover events. See: http://css-tricks.com/almanac/properties/t/transition/

Resources

• Zetsy live page example
• Bonus: CSS3 Transitions
• Dev Tools Tutorial
• Digital Color Meter Tutorial