Web developers are often asked to work from a mockup of a potential webpage,
generally referred to as either a
comp. In this lab, you'll be
asked to use a mockup image, source text and images, and create an HTML
structure that mirrors the mockup image.
cdinto the local repo you just cloned.
index.html file, use the comments in the code to place the content
SOURCE.md in the proper locations. The image file
be used as a reference to build the
index.html page as it appears.
HINT: If you'd like to take a look at your handiwork as you go, and you're
working in the Learn IDE, you can preview the
index.html file in your browser
by following these steps.
Use CSS in the
style.css file in the
css folder to change different aspects
about your page such as:
You might think: "BUT I DON'T KNOW CSS (very well or at all). Developers
constantly encounter this feeling. Since developers are constantly learning,
we try to keep the commands as simple as possible. You might know more than you
think! What happens if you change
green? What do you expect? How
would you validate your guess? Developers usually call this process "trying
stuff" or "messing around" or "playing with stuff." While all those phrases
sound like a joke, what they mean to say is that they're using the Scientific
Method to validate their guesses into building a model.
It's possibly the most powerful learning technique possible. Toddlers and puppies are amazing at it!
View Code Challenge 1 - Riyadh Blog on Learn.co and start learning to code for free.