O'Reilly logo

Web Design Blueprints by Benjamin LaGrone

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

That's no moon!

However, this is good; this is the beginning, and we have more to add. Once you have the library installed on your webhost, we can start filling up space with heavenly objects and the sky with clouds. First, in the p0 div element, add a moon. In Font Awesome, you can go look up the code, or you could just look at my example:

        <div id="p0" class="row">
            <i class="fa fa-moon-o fa-5x">
            </i>
        </div>

Let's add some styling so we can make some of these new elements we are adding visible. We are going to work on the CSS now. First, let's get rid of the body margin by adding a body selector with margins of value 0 for style. Next, let's add some selectors for colors: blue, green, white, yellow, grey-1, grey-2, and silver. Add color: #85C4ED ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required