What is wrong in this (8/10)


#1

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

What's the error you're getting right now with this?


#3

they say Oops, try again. Set the font-family of the h3 elements inside

..
to 'Shift', sans-serif

#4

somebody there to help me.....????? :cry:


#5

Punctuation matters!

font-family:'shift',sans-serif;

should be

font-family:'Shift',sans-serif;

Watch your uppercase and lowercase letters. THEY ALL MATTER (In other words, it is "Case Sensitive")


#6

i tried but no use they still say the same


#7

Could you show us the head element please? You might be missing the links to main.css or shift.css.


#8

this is my html

  <head>
    <link href="http://s3.amazonaws.com/codeademy-content/course/1tp/css/shift.css" rel="stylesheet">
    
  </head>







<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>



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


#9

still error is being shown :cry:


#10

I'll only need the head element, but thanks for all that.
What happened to the link to your main.css file? You know, without that none of your CSS rules are being applied -- can you see that in your web preview?


#11

i solved it by adding " before and after learn-more in html


#12

now a new problem they say Oops, try again. Set the src attribute of your thumbnail image to be "http://goo.gl/Av1pac".












Find a place to stay.


Neighborhood Guides


Not sure where to stay?Weve created neighborhood guides for cities all around the world"</p>
<p>Rent from people in over 34,000 cities and 192 countries.</p>
<a href="#">Learn More</a>
<div class="col-md-4">
</div>
</div>
</div>
<div class="neighborhood-guides">
<div class="container">
<h2>Neighborhood Guides</h2>
<p>Not sure where to stay?We
ve created neighborhood guides for cities all around the world


      <div class="col-md-4">
        <div class="thumbnail">
          <img src="http://goo.gl/Av1pac" >
        </div>
        <div class="thumbnail">
          <img src="http://goo.gl/vw43v1">
        </div>
      </div>

      <div class="col-md-4">
          <div class="thumbnail">
          <img src="http://goo.gl/0Kd7UO" >
        </div>



      <div class="learn-more">
        <div class="container">
          <div class="row">
            <div class="col-md-4">
              <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 class="col-md-4">
              <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 class="col-md-4">
              <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>


#13

I don't see anywhere in your code that you added:

<img src="http://goo.gl/Av1pac" />

If you add that and show it in the thumbnail it should be able to work.


#14

its there
anyway when i trying many times at last it automaticaly worked