6/10 and 8/10 troubles


#1

can u help me with thise 2 exercises? i did something wrong but cant manage to find what that is?

6/10

.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 {
            background-image : url('https://goo.gl/04j7Nn');
        height: 500px;
        }
.jumbotron h1 {
            color: #fff;
            font-size: 48px;
            font-weight: bold;
            font-family: 'Shift', sans-serif;
            }
.jumbotron p {
            color: #fff;
            font-size: 20px;
        }

8/10

.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 {
            background-image : url('https://goo.gl/04j7Nn');
        height: 500px;
        }
.jumbotron h1 {
            color: #fff;
            font-size: 48px;
            font-weight: bold;
            font-family: 'Shift', sans-serif;
            }
.jumbotron p {
            color: #fff;
            font-size: 20px;
        }
.learn-more {
    background-color: #f7f7f7;
}
.learn-more h3 {
font-family: 'Shift', sans-serif;
    font-size: 18px;
    font-weight: bold;
        }

#2

Your CSS rules look fine. Let's have a look at your <head> ... </head>.


#3

Thank you for helping. Hope u can find mistake I've made...


#4

"Oops, try again. Set the font-family of the h1 element inside <div class="jumbotron">..</div> to 'Shift', sans-serif" I'm getting this msg all the time...


#5

I need to see your <head> ... </head> element.


#6

I'm having the exact same problem. Here is my head:

<!DOCTYPE html>
<html>
  <head>
    <link href="font.css" rel="stylesheet">
    <link href="main.css" rel="stylesheet">
    <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>

#7

There is no font.css file available in this exercise. See if deleting that link makes it happier.


#9

here is my head element
link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet"


#10

It is good that you have a link to shift.css, but you also need a link to main.css. That is the file with all of your CSS rules. Without that link, you should be able to see in the web preview that none of your CSS rules are being applied - yes?


#11

yes true. but still cant pass 6th and 8th lession :(sweat:


#12

Even after you added a link to your main.css file?


#13

Can you write me main.css how to need to look... Can't find place for that....


#14

This is what your head element should look like:

  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    <link href="main.css" rel="stylesheet">
  </head>

#15

That worked! you are amazing... I've been looking for hours to try to fix it!