Problem with Make a Website CSS Styling


#1

In the part that says jumbotron, I did the stuff it asked me to do and it says that I didn't set the height to 500px. Is anybody else having this problem?


#2

Could you post all of your CSS code please, it helps if we can see what you see.


#3

How do I do that? Please tell me.


#4

.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')
}

#5
  1. You are missing one curly bracket there.
  2. You are missing a colon here: background-image url('https://goo.gl/04j7Nn')

#6

Where is the curly bracket


#7

Here is my error:
Oops, try again. Set the height of the

..
to 500px

#8

Well, that is the problem, it isn't there.

Did you notice that you have:

  • two of these: {
  • only one of these: }

#9

I only have one of both.


#10

Hmmm, in the code you posted earlier, you clearly have 2 opening curly braces and 1 closing. Maybe you have changed your code after you posted it?


#11

That might be true. Then what might be wrong?


#12

If you've changed your code then I would have to see it again to know that.


#13

.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 {
    background-image: url('https://goo.gl/04j7Nn')
    height: 500px;
}

#14

You are still missing a curly brace, the one that is supposed to finish the .nav a { ... } rule.


#15

And you have your colon here now, that's good -- but there also needs to be a semicolon at the end:

background-image: url('https://goo.gl/04j7Nn')

#16

Oops. I forgot that CSS was a language that used a lot of curly braces. Also now it is working. Thank you so much!


#17

where exactly does this go? in main.css or index.html.

No matter where I put it it tells me I'm wrong.


#18

It is a CSS rule so it goes in the .css file.

If you post all of your css code then someone will help you spot the problem.


#19

This goes in main.css. Have you checked all of your code to make sure you did everything right? Maybe you have the same problem as I do.