CSS Styling - 5. Jumbotron: Paragraph


#1

I'm really stuck here and I don't know what to do. Here's my code.

.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: 20px;
}

And this is the error message I keep getting:

Set the color of the p element inside < div class="jumbotron" >..< /div > to #fff


#2

You have written several of CSS selectors by now.

Start writing a new one that selects the p elements in the jumbotron div. Do that first and then we can work on what goes inside of it.


#3

How would I do that? Would I go to index.html or main.css?


#4

All CSS rules go in the main.css file.


#6

How do I select the P element in the jumbotron div?


#7

I'll give you this hint first.

In the previous exercise you selected the h1 element in the jumbotron div, so you wrote this:

.jumbotron h1 {

Selecting the p element instead of the h1 element is very similar.


#8

Thank you for your help! I can make progress now!


#9

2 posts were split to a new topic: 5. Jumbotron: Paragraph


#11

2 posts were merged into an existing topic: 5. Jumbotron: Paragraph


#15

2 posts were split to a new topic: 5. May you help me? I can see nothing wrong