Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Bootstrap 4 Basics (Retired) Using Bootstrap Components Using Jumbotron to Showcase Key Content

Learning coding
seal-mask
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points
Posted by Learning coding
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

After adjusting the bottom margin of the header the text below is highlighted in red?

With this code I changed the margin: style="margin-bottom: -10%" When I remove the double quote at the end the highlighted parts of the code below dissapear. I know that parts of the code can be highlighted when you forget a bracket, or a semicolon, but here it is highlighted when I remove a double quote.

Here is the full code: <!-- jumbotron --> <div class="jumbotron jumbotron-fluid bg-info text-white" style="margin-bottom: -10%> <div class="container text-sm-center pt-3"> <h1 class="display-2">Header Text</h1> </div> </div> <!-- /jumbotron -->

Can someone explain this and how I can solve this?

3 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! I've taken the liberty of forking your workspace and taking a look. And indeed the line you are speaking of does need a double quote and a semicolon. However, there is an error in your code previous to this which is causing problems. This error is on line 5 and contains the link to your main.css. Also, somehow your closing divs got off a bit somewhere and the <footer></footer> element goes inside the body. I've reworked your code so that the errors are gone and left comments where I changed something. I had planned on posting the resulting code here, but the HTML that you have is rather long to be posting here. Instead, I'm including a link to a snapshot with the corrected code. Take a look at this snapshot

In the future, when debugging code like this it's generally helpful to look upwards in your code as any previous errors you have can be causing an error where you're currently looking.

Hope this helps! :sparkles:

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! I wonder if I'm misunderstanding the question. Because this is supposed to have a double quote at the end.

style="margin-bottom: -10%;"

It should also have a semicolon :smiley:

Let me know if things are still not working! :sparkles:

Learning coding
seal-mask
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points
Learning coding
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

It actually works as i want :) But allthough there should be a double quote at the end of the code, it only works without the double quote's. And it's the same with the semicolon.