#8 Problem


#1

I can't seem to complete this one I don't know what I'm doing wrong. I look if I had main.css in the link and I did and still.

. CSS code:

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

.jumbotron h1 {
    color: #fff
    font-size: 48px;
    font-weight: bold;
    font-family: 'Shift', sans-serif
}

.jumbotron p {
    color: #fff;
    font-size:20px;
    
.learn-more h3 {
font-family: 'Shift', sans-serif
font-size: 18px
font-weight: bold
}

#2

@momobreh You are missing many semi colons ( ; )
Please have a look closely


#3

Okay I added two more to font-size and font-weight and it's still wrong :confused:


#4

Youbare missing more than 2

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

.jumbotron h1 {
color: #fff;
font-size: 48px;
font-weight: bold;
font-family: 'Shift', sans-serif;
}

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

.learn-more h3 {
font-family: 'Shift', sans-serif;
font-size: 18px;
font-weight: bold;
}`


#5

I put this:

.learn-more h3 {
font-family: 'Shift', sans-serif;
font-size: 18px;
font-weight: bold;
}

And still nothing, also added semi's to every line that didn't have one and still no fix


#6

Is not closed thus learn more class doesn't work


#7
.nav a {
    color: 5a5a5a;
font-size: 11px;
font-weight: bold;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
}

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

.jumbotron h1 {
    color: #fff
    font-size: 48px;
    font-weight: bold;
    font-family: 'Shift', sans-serif
}

.jumbotron p {
    color: #fff;
    font-size:20px;
}
    
    .learn-more h3 {
        background-color: #f7f7f7
        font-family: 'Shift', sans-serif
        font-size: 18px;
        font-weight: bold;
}

???


#8

Add a semi colon at the end

Missing a semi colon

Missing a semi colon