CSS styling: Set the color of the p element? Not sure what i've done wrong?


#1

okay.. so the instruction is:
Make a new CSS rule that selects the p element inside

..
.
Set the color to #fff
Set the font-size to 20px

Hint
To select the h1 element inside

..
, we used this selector:

and this is what i have written in the CSS section
but then it says "
Oops, try again. Set the color of the p element inside

..
to #fff"
i dont get what im doing wrong?

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


#2

Why do you have two .jumbotron h1


#4

Im not sure.. but even when I dont it still doesnt work. It keeps telling to to change the color to #fff

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


#5

did you manage to pass it ?

If not pls paste in your HTML & CSS

Thanks


#6

i got it! thank you :slightly_smiling: