CSS Styling navigation- why am I still wrong


#1

My code is exactly how the "Stuck? Here's a hint" tab says it should be, yet it's still telling me to make padding-top 14px. What am I missing? I did the code on the CSS.

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

#2

When you see something specific like that error message, start looking at where it is having a problem and then work your way back/up from there.

You are going to find that you are missing a semicolon.


#3

LOL. thank you. I just fixed it


#4

I fixed the previous problem but now I'm having issues with styling the P element. it keeps telling me to set the color to #fff. I did that but it's still telling me "oops try again." I even tried rearranging the order I place the code for the font size and color. Still noting. My entire CSS code is at the bottom

.nav a {
color: #5a5a5a;
font-size: 11px;
font-weight: bold;
padding-bottom: 14px;
padding-left: 10px;
padding-right:10px;
padding-top: 14px;
text-transform: uppercase;
    }
    .jumbotron {
        height: 500px;
     
     .Jumbotron h1 {
         color: #fff;
         font-size: 48px;
         font-weight: bold;
    }
    .jumbotron p 
       {
        color: #fff;
        font-size: 20px;
    }
    
    .jumbotron h1 {
        font-size: 20px;
        color: #fff;
        
    }

#5

This is what my HTML code looks like for





 <div class="container">

    <ul>

      <li><a href="#">Airbnb logo</a></li>
      <li><a href="#">Browse</a></li>
    </ul>
    <ul>

  • Log In

  • Help



  • <div class="jumbotron">
      <div class="container">
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
      </div>
    </div> 
    
    <div class="learn-more">
      <div>
    	<div>
      	  <div>
    		<h3>Travel</h3>
    		<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
    		<p><a href="#">See how to travel on Airbnb</a></p>
    	  </div>
    	  <div>
    		<h3>Host</h3>
    		<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
    		<p><a href="#">Learn more about hosting</a></p>
    	  </div>
    	  <div>
    		<h3>Trust and Safety</h3>
    		<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
    		<p><a href="#">Learn about trust at Airbnb</a></p>
    	  </div>
        </div>
      </div>
    </div>



    #6

    In your .jumbotron { ... } rule, I don't see your background url or the closing curly brace.


    #7

    I believe it wants you to set the p to #FFFFFF which is the hex code for white color.


    #8

    Can you write the css styling anywhere on the page?


    #9

    Where did you write this code did you write it in the main.css or the main.HTML page and did you put the code anywhere on one of the two pages


    #10

    It's CSS code so you put it in the .CSS file.