6. I have a problem in lesson 6, but I don't see it


#1

I have a CSS problem in lesson 6, but I don't see it.

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

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

..
to 'Shift', sans-serif

Exercises 6. and 8. - Common problems
#2

I assume that you've read all of the common problems listed at the top of this thread? You will know then, that I will need to see more than that one CSS rule to find the problem.


#3

Sorry U're right I didn't read all because I almost don't speak English & it's my first day of coding...

HTML

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

CSS

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

.jumbotron {height: 500px;
background-image: url('https://goo.gl/04j7Nn');
}
.jumbotron h1 {color: #fff;
font-size:40px;
font-weight:bold;font-family:'shift', sans-serif;
}


.jumbotron p {color: #fff;
font-size: 20px;
}

#4

That is really exciting! :clap:

This is the problem that you have:

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.

I can see that you have a link to shift.css but you must have accidentally deleted your main.css link. You can look at the previous exercise and copy the code for it from there.


#5

THANK YOU VERY MUCH!!!
"..but you must have accidentally deleted your main.css link" - no, I change links main.css to shift.css)) My mistake.