.main-header{ box-shadow: 0 2px 15px #aaaaaa, inset 0 0 60px 5px firebrick; } doesnt work for the chalenge why ?

hi Ryan thanks for your reply in the challenge in the 4th step they said:

Let's give .main-header an inner-shadow with a second set of box-shadow values. Set the new shadow's horizontal and vertical offsets to 0, the blur radius to 60px, the spread radius to 5px, and the color to firebrick. Don't forget to include the keyword value that creates an inner box shadow.

so in the step 3 i have

.main-header{ box-shadow: 0 2px 15px #aaaaaa; }

and its ok but then in step 4 i add the second value and it keep telling me :

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

Bummer! Make sure you're defining a second box shadow value. Did you include a comma between both values?

I've just tested it, and your answer is absolutely correct. For some reason, though, it will accept the colour value #aaaaaa in step three, but in step four, it will tell you you're incorrect unless you have #aaa. The code challenges can be finicky like that, but know that your answer is absolutely right! :)

Thanks a lot Ryan, it was driving me crazy , i really appreciate your answer now it works fine :)

You're very welcome! I had this happen a few times, too, so I understand the frustration! :)