Surf & Paddle

The assignment, should you choose to accept it: Recreate a landing page in HTML and CSS with pixel-perfect efficiency using only a flat .jpg as reference. Should you fail, you look like a scrub in front of all of your fellow Iron Yard class mates and instructors.

The solution: I uploaded the .jpg in my browser next to my webpage and used this cool Chrome developer tool I found to make sure my spacing and sizing were on point. I also used WhatTheFont to scan the fonts from the flat image and then found them on the inter-webs for use on my site.