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 Luckymore Nzungu
Luckymore Nzungu
8,601 Points

.main-header { box-shadow: inset 0 0 60px 5px firebrick; } am getting a bummer, horizontal offset must be 0.

In the code challenge .main-header { box-shadow: 0 2px 15px #aaa, box-shadow: inset 0 0 60px 5px firebrick; } the second box shadows horizontal offset must be 0. I have tried everything cant seem to find out whats wrong with my code. Please help

1 Answer

David Tonge
David Tonge
Courses Plus Student 45,640 Points

There's a comma instead of a semi-colon after your first box-shadow declaration. If you were trying to layer them remove your second box-shadow property and keep the values.

.main-header {
  box-shadow: 0 2px 15px #aaa;
  box-shadow: inset 0 0 60px 5px firebrick;
}

// or if you're trying to layer em

.main-header {
  box-shadow: 0 2px 15px #aaa, inset 0 0 60px 5px firebrick;
}
Luckymore Nzungu
Luckymore Nzungu
8,601 Points

Thanx David. You are a star. Thanx a milli. I was trying to layer them. The second command worked. Thanx again

David Tonge
David Tonge
Courses Plus Student 45,640 Points

no prob. i'm happy that it worked out for you.