7.2: Footer CSS

Add a background color

In style.css let's add a deep blue background to the footer

/* Footer */

footer {
  background-color: #000064;
}

Background

Fix the paragraph

Again, black text against the deep blue background is impossible to read. Let's center the text and turn it white... and get rid of the margins...

footer p {
  margin: 0;
  padding: 16px;
  text-align: center;
  color: white;
}

Text Styling

Footer Result

Congratulations!

😊 Congratulations on finishing your first full webpage at Eleven Fifty Academy! During this project we've covered the basic structure of HTML and CSS, the building blocks of the internet. You can build upon your new knowledge to create beautiful websites - but this is just the beginning.

During a full student experience at Eleven Fifty Academy you'll learn how to make:

• multi-page websites

• buttons

• forms

• animations

• phone-friendly pages

• and all the behind-the-scenes "back-end" that it takes to run those websites

Ask the Admissions team for more details about which course best fits your interests.