JavaScript CSS Selectors Quickstart CSS Selector Basics Basic Selectors Challenge

Kristenia Clark
Kristenia Clark
2,252 Points

trying to give footer an id="main footer" <div id="main-footer"></div> I've tried id="main-footer"

Adding to footer id = "main footer" or should I try

main-footer {

id } i'm stumped been on this way to long. I answered the other 4 question with no prob I also tried <div id="main-footer"> </div>

style.css
/* Complete the challenge by writing CSS below */
h1 {
  font-size: 62px;
}
img { 
  bottom: 20px;
  margin: 20px;
}
div { 
 padding: 15px;
}
id {
 footer: 40px;
  top: 40px;
  margin: 40;
}
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>
      <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>
      <div id="main-footer"/>
      All rights reserved to the state of California.
    </footer>
  </body>
</html>
Dimitar Dimitrov
Dimitar Dimitrov
11,799 Points

Hello, you just need to add a "id" attribute to the footer element there is no need to add new <div> in t he <footer>. And then you can target the id attribute in css

1st. Add attribute to the footer opening tag:

<footer id="main-footer">

2nd Target the "id" attribute in the CSS file like i did below:

#main-footer { font-size: 40 px; }