Trouble with customized the p element


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?


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!


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


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


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


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

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

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


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('');

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

  • 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!