Second box-shadow added to style

HTML-CSS
1

Tell us what’s happening:

I wanted to know why would we add a second box-shadow style to the css thumbnails?

#thumbnail {
    box-shadow: 0 10px 20px
    rgba(0, 0, 0, 0.19), 0 6px 6px
    rgba(0, 0, 0, 0.23);
  }
2

Get rid of the second one and see what happens.
I don’t think I have ever done 2 but in css its all about experimenting.

3

For anyone else that is curious, here is a simple pen that I made to see what difference it would make.

4

Thanks for sharing your code. I did remove the second box-shadowing styling from the first thumbnail and the box-shadow completely went away.

5

@thecruzcode

The box-shadow shouldn’t have went away completely, you might have made a mistake. The pen shows as follows:

Box A: Both box-shadows as in your original post
Box B: Just the first box-shadow
Box C: Just the second box-shadow

After seeing the difference that it makes, I think I will be using the first option from now on because it gives a nice deep shadow but still blends into a light shadow as you get further from the object.

6

Yup, figured it out. Thanks again for you help. Nice box-shadow styling!