Making a Website: CSS Styling exercise 5


#1

Hey I am so stuck here. It says I need to color the lettering within the p part of .jumbotron but I see no problems within my coding. Any ideas?

.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-size: 48px;
        font-weight: bold;

        .jumbotron p {
            color: #fff;
            font-size: 20px;
}

#2

You are missing some of your curly braces.


#3

Can you give an example as to where? I'm not sure where they need to be


#4

Every CSS rule must have an opening and a closing curly brace, like this:

selector { // open
    some rules in here
} // close

Do you see them now?


#5

Like this?

.jumbotron {
    background-image: url('https://goo.gl/04j7Nn');
    height: 500px;

    .jumbotron h1 {
        color: #fff;
        font-size: 48px;
        font-weight: bold;
}
        .jumbotron p {
            color: #fff;
            font-size: 20px;
}
}

#6

Not quite.

Where is the ending of this selector:

.jumbotron {

Also, at the end there, you don't want two closing curly braces -- that doesn't fit into our plan of one { and one } does it?


#7

Well no, it doesn't but I thought I'd try it.

Its at the end here:

.jumbotron {
    background-image: url('https://goo.gl/04j7Nn');
    height: 500px;

    .jumbotron h1 {
        color: #fff;
        font-size: 48px;
        font-weight: bold;

        .jumbotron p {
            color: #fff;
            font-size: 20px;
}

#8

Well sure, that's one way to troubleshoot, and sometimes that works -- I call that my "poke it with a stick" method.

Let's look again. There is more to it than just making sure that you have a { and a } for each selector. You also can't "nest" them. So you have to use a } before you can use another {.

Close one before you open the next one.

Is it starting to make sense?