Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics Basic Selectors ID and Class Selectors

Posted by 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 seal-36
Daniel Benisti
Front End Web Development Techdegree Graduate 22,224 Points
Daniel Benisti
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Benisti
Front End Web Development Techdegree Graduate 22,224 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"

Ishmael Phiri
Ishmael Phiri
5,967 Points
Ishmael Phiri
Ishmael Phiri
5,967 Points

thanx Mr Benisti