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 CSS Basics (2014) Basic Selectors ID Selectors

Posted by Arcel Derosena
.a{fill-rule:evenodd;}techdegree
Arcel Derosena
Front End Web Development Techdegree Student 5,241 Points

I don't see the orange border at the bottom or spacing around the footer of the web page can anybody help me ?

main-footer {

padding-top:  60px;
padding-bottom: 60px;
border-bottom: solid 10px orange;

}

1 Answer

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,967 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,967 Points

There are two parts to making this work

1) In your html add an id to your footer tag

<footer id="main-footer">

2) In your css select the id by name including a hashtag

#main-footer {
    padding-top:  60px;
    padding-bottom: 60px;
    border-bottom: solid 10px orange;
}

It appears you are missing the hashtag in your selector

Arcel Derosena
.a{fill-rule:evenodd;}techdegree
Arcel Derosena
Front End Web Development Techdegree Student 5,241 Points

It worked, thanks!