JavaScript CSS Selectors Quickstart CSS Selector Basics Basic Selectors Challenge

Miles Felton Gerber
seal-mask
.a{fill-rule:evenodd;}techdegree
Miles Felton Gerber
Full Stack JavaScript Techdegree Student 9,038 Points

I'm answering correctly but its not accepting it

this is correct right? but I can't go on

style.css
/* Complete the challenge by writing CSS below */

h1 {
  font-size: 62px;
}

img {
  margin-bottom: 20px;
}

div {
  padding: 15px;
}

#main-footer{
  margin-top: 40px;
}

#main-content{
  background-color: ivory;
}
index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Basic Selectors Challenge</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header>
      <h1>Lake Tahoe, California</h1>
      <img src="mtn-landscape.jpg" alt="foggy mountains">
    </header>
    <div id='main-content'>
      <h2>Journey Through the Sierra Nevada Mountains</h2>
      <p>Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.</p>
    </div>
    <footer id='main-footer'>
      All rights reserved to the state of California.
    </footer>
  </body>
</html>

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there, Miles Felton Gerber! Close, but not quite! On the last step, it asks you to give the div the class of "main-content" then select it and change the background color to ivory. Instead of giving it a class of "main-content", you have given it the id of "main-content". On your <div> we're expecting to see <div class="main-content"> and a rule for .main-content as opposed to #main-content.

Hope this helps! :sparkles: