Tips

Pay attention the sentence case of your file names and code: home.html is not the same as Home.html
Use Search Engines to find tuturials and references—there is a lot of valuable information available if you just look for it.
Follow the detailed instructions—skimming information may hinder ability to succeed in this project. Each step is explained a certain way to help you suceed without feeling overwhelmed.

Google Chrome Inspection

The Inspect Element tool in Google Chrome (also called Developer Tools or DevTools) lets you see and modify the code of any webpage in real-time. It only affects the preview of the code and does not edit it permanently—this allows you to experiment with the code before making permanent changes.

Inspecting the elements of your webpage are a quick and easy way to see the code that directly effects how it previews in the browser.

Instructions

Choosing Fonts for the Screen

Google Fonts

CSS Selectors: A Visual Guide

CSS selectors are patterns used in CSS to select and style HTML elements on a page, allowing us to dictate how styles apply to specific HTML elements.

Visual Guide

Color Palette Generator