5. Jumbotron: paragraphs


#1

I am having the same problem with the exact same code. The error is

Oops, try again. Set the color of the p element inside `<div class=jumbotron">..</div> to #fff`

Help CSS Styling - Jumbatron:Paragraphs
#2

Please post all of your CSS code so we can double check it.


#3
<!DOCTYPE html>




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


CSS-

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

#4

Thanks for posting that.

You are missing several closing curly brackets. You also have three .jumbotron h1 rules with conflicting properties, you should whittle that down to one with just the styles that you really want to apply.


#5

Thank you so much :smile: