Trouble with customized the p element


#1

Hi I'm having difficulty with customizing the p element. I can't figure out what it is I'm doing wrong, could I have some help with this please?


#2

You are currently forgetting to put in the semicolons at the end of each attribute, For the Jumbotron. I presume the coding should go as followed.

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

This should change the font size to 20px and the color to white.

Good luck with the rest of the course!


#3

Ok, I'll try that, thank you for the input!


#4

It worked, I feel quite silly for forgetting semi colons.


#5

Its one of the main mistakes i still make and i have been coding for 3 years!
They are the worst!


#6

Hey! I'm in the same exercise, what's my problem? Look:

.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;}

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


#7

Hey Jazz!

From what i can see its just basic errors within the code!

The code is missing a few hyphens and Semi-Colons but besides that everything looks good!
In the .nav a style you have missed a hyphen between font-size.

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

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

I will also give you a few tips.

  • Try create the css attributes on separate lines like i have above.
  • When using margins and padding you can control what sides are changed.
  • When wanting the top and bottom to have a margin of 14px and the left and right to have a margin of 10px try use the following code

    • body {
      margin: 14px 10px;
      }
  • What this does is the first command controls the padding for the top
    and bottom, The second one controls the padding for the left and
    right


  • If you are wanting different spacing's on all sides you can do the
    following code.
    • body{
      margin: 10px 12px 14px 16px;
      }

How this works is like a clock, It goes in the following order - Top, Right, Bottom, Left.

Good luck with the rest of the course!