5/10 Jumbotron : paragraph


#1

Hi, can't figure out where the mistake is, making me crazy !
I looked at all the Q/A here and did not find anything :confused:
This is the message : Oops, try again. Set the color of the p element inside

..
to #fff

Please guys I don't want all answers, only explaination :smile:
Here's my main.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 {
height: 500px;
background-image: url('https://goo.gl/04j7Nn');
}
.jumbotron h1 {
color: #fff;
font-size: 48px;
font-weight: bold;
}
.jumbotron p {
colr: #fff;
font-size: 20px;
}


#2

Hey @unicorn_chainsaw! Just a little problem! You misspelled color in the .jumbtron p style.

Right here:

Get that fixed and i hope your done! If not please reply saying so!


#3

ok.... think i'll bury myself right now. Thanks ^^


#4

I'm in jumbotron paragraph in css styling. I see the other poster has it posted in his main.css
I have mine posted in the index.html

What's wrong with mine?











<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>
.jumbotron h1 {
color: #fff;
font-size: 48px;
font-weight: bold;
}
.jumbotron p {
color: #fff;
font-size: 20px;
}

#5

Can you select over your HTML Code and hit CTRL+K So we can actually see code? Thankyou!


#6

In this course, you should be putting all of your CSS code in your main.css file and all of your HTML code in your index.html file.

That is a common way to separate content from presentation.