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 Foundations Backgrounds and Borders Box Shadows

I am confused about the box-shadow property

I'm supposed to:

Create a drop shadow for the .box div. Make it appear 10px to the right and 10px down, with a spread radius of 5px, a color of #222, and a blur radius of 15px.

When i write the code according to the lesson I just took, it states that the first value is the horizontal offset, the 2nd value is the vertical offset, the 3rd value is the blur radius, the 4th value was the spread radius, & that the 5th & final value was color.

Now, when I write the above challenge answer, i get

.box {
  box-shadow: 10px 10px 5px 15px #222;

but the checker says "Bummer! Make sure your box-shadow values exactly match the instructions."

So on the off chance i was wrong, I wrote the answer as:

.box {
   box-shadow: 10px 10px 5px #222 15px;

and I still get the same response from the checker.

What am I missing?

1 Answer

Chris Shaw
Chris Shaw
26,676 Points

Hi Steven,

You were very close, you just have your blur radius and spread radius the wrong way around.

.box {
  box-shadow: 10px 10px 15px 5px #222;