3.2: Introduction CSS

Style the header

In style.css, below the existing rules, add some rules to push the <h1> further down the page, move it to the middle of the row, and make it a little bigger.

/* Introduction Section */

h1 {
  text-align: center;
  font-size: 48px;
  margin-top: 150px;
}

H1 Styled

H1 Styled Result

Style the paragraph

Now style the paragraph. We want it horizontally centered with italic font, and let's use the Verdana font for the whole paragraph. Let's also style the <a> tag inside this paragraph with the darker blue color.

#top p {
  text-align: center;
  font-size: 24px;
  font-style: italic;
  font-family: Verdana, sans-serif;
  margin-bottom: 64px;
}

a {
  color: #000064;
  font-style: italic;
}

P Styled

P Styled Result

Next Section

Okay, that was a pretty simple section to get started with. Next let's tackle the "Facts" section... this section will have an image and a list - a bit more complicated. Let's dive in! Go to 4.1: Facts.