6. is there anything wrong with this code?


#1

I'm having a similar problem is there anything wrong with this code?

.jumbotron h1 {
color: #fff;
font-family: 'Shift', sans-serif;
font-size: 48px;
font-weight: bold;
}


Exercises 6. and 8. - Common problems
#2

No, there is nothing wrong with that code.


#3

Okay, thanks would you know why the website will not let me advance then?


#4

Not from what you've shown me. It could be any one of the reasons that are listed in the first post of this topic.


8/10 help
#5

Still: Oops, try again. Set the font-family of the h1 element inside

..
to 'Shift', sans-serif
I'm still having trouble: I with the site letting me pass still. Here is the full code.

<!DOCTYPE html>
<html>
  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
  </head>
  
  <body>
    <div class="nav">
      <div class="container">
        <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">
        <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>
  </body>
</html>

.nav a{
    color: #5a5a5a;
    font-size: 11px;
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}
.jumbotron { 
    height: 500px;
    background-image: url('https://goo.gl/04j7Nn')
}
.jumbotron h1{ 
    font-family: 'Shift', sans-serif;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
}
.jumbotron p{
    color: #fff;
    font-size: 20px;
}

Am I missing something?


#6

This is the problem:

Do include a link to main.css. Without that, none of your CSS code is being loaded. You should be able to see evidence of this in your web preview window, for example, your nav links will not be uppercase and they will be blue instead of black.


#7

Hey man,

Yeah you don't have a link to your main.css page.

It should look like this


#8

Great thank you both, that makes sense now