Stuck on styling p


#1

I can't figure out why this is not working here is my code. It is telling me that I am not setting the color to #fff which it is?? Any help would be great!!

<!DOCTYPE html>
<html>
  <head>
    <link href="main.css" rel="stylesheet">
  </head>
  
  <body>
    <div class="nav">
      <div class="container">
      .nav a {
  color: #5a5a5a;
  font-size: 11px;
  padding-top: 14px;
  padding-bottom: 14px;
  text-transform: uppercase;
}
        <ul>
          <li><a href="#">Airbnb logo</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
 
.jumbotron {
height: 500px;
background-image: url('https://goo.gl/04j7Nn')
}
.jumbotron h1 {
color: #fff;
font-size: 48px;
font-weight: bold;
}
.jumbotron p {
color: #fff;
font-size: 20px;
}

#2

It looks like you have been putting your CSS code in your HTML file instead of in your CSS file.

See this link element:

<link href="main.css" rel="stylesheet">

That is telling your index.html file to go get the main.css file and process all of the CSS rules that it finds there.

This is an example of a CSS rule. You are going to have to remove all of those from your index.html file and put them in your main.css file.

.nav a {
  color: #5a5a5a;
  font-size: 11px;
  padding-top: 14px;
  padding-bottom: 14px;
  text-transform: uppercase;
}

Do you see what needs to be done?


#4

It is because the code is getting too long and the site do not validate it.

So delete half of your code and do it again.

They site will validate it and you can move to the next lesson.

If you want to review all your css rule you can navigate to previous chapters and see your previous code because they are saved there


#5

This is not the case here.

I wouldn't recommend this. You have a lot more code to add before you get to the end of this project.