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

Posted by Ben Koconis
Ben Koconis
2,737 Points

Cannot see border after creating in responsive CSS?

Hi - I am not able to see my border-bottom after creating the following code:

header {
    border-bottom: 5px bottom #599a68;
    margin-bottom: 60px;

}

when I refresh in workspaces the header appears as one solid color. not sure what the problem is.. This is the entire block of code in my responsive.css:

@media screen and (min-width: 660px) {

/************************ Header ************************/

nav { background: none; float: right; font-size: 1.125em; margin-right: 5%; text-align: right; width: 45% }

#logo { float:left; margin-left: 5%; text-align:left; width: 45%; }

  h1{
    font-size: 2.5em;
  }

  h2 {
    font-size: 0.825em;
    margin-bottom: 20px;
  }

  header {
    border-bottom: 5px bottom #599a68;
    margin-bottom: 60px;

}

}

2 Answers

Adam Kelm
Adam Kelm
29,082 Points

The border value "bottom" for your border-bottom attribute isn't a valid value, such as dotted, solid, dashed, etc. Remember, you've already defined it as the bottom border, and you just need to give it a style.

Ben Koconis
Ben Koconis
2,737 Points
Ben Koconis
Ben Koconis
2,737 Points

Hey - Thanks, Adam. I see what you are saying... Cheers.