CSS CSS Basics Basic Selectors ID and Class Selectors

Ishmael Phiri
Ishmael Phiri
5,967 Points

what am i missing here ?

index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Developer Diane: Resume</title>
  <link rel="stylesheet" href="page.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <main>
    <header class="main-header">
      <div>
        <h1 class="main-heading">Developer Diane: Resume</h1>
        <address>
          <p>website: developerdiane.com</p>
          <p>email: diane@developerdiane.com</p>
        </address>
        <img src="developer-diane.jpg" alt="Developer Diane coding on her laptop.">
      </div>
    </header>          
    <section id="experience">
      <h2>Experience</h2>
      <ul>
        <li>
          <h3>Super Web Design Shop</h3>
          <p>Junior Developer</p>
          <p class="date special">February 2020-present</p>
        </li>
        <li>
          <h3>Pretty Good Websites, Inc.</h3>
          <p>Web Development Intern</p>
          <p>July 2019-January 2020</p>
        </li>
      </ul>
    </section>
    <footer>©2020 Developer Diane.</footer>
  </main>
</body>
</html>
style.css
.main-header {
  background-color: orange;
}
.main-heading {
  font-size: 72px;
}
#main-content {
   background-color: lightsteelblue;
}

2 Answers

daniel benisti
seal-mask
.a{fill-rule:evenodd;}techdegree
daniel benisti
Front End Web Development Techdegree Student 14,146 Points

You are almost there!! you used the wrong HTML element in the styling.

you should target the element with the "experience" id and give it a background color of lightsteelblue. "#experience"