Hi, I wanted to ask a simple question. When Mosh gives 3rem padding to body element for the testimonial block to be visible, i noticed it gets a shadow automatically when the browser renders it. Why is this happening? Can someone explain. I m stuck at this.
Hi Asuhel!
At minute 0:12, just starting, Mosh adds the class “card” to the div element. Previously, in lesson 18, you set up the style of cards as:
.card {
border-radius: 7px;
box-shadow: 0 0 20px 10px #e2e2e2; ← This last one may not be exactly as yours)
overflow: hidden;
}
the box-shadow brings that shadow you see. The padding used in the body element was to avoid the card being all the way to the borders, so you can see the effects of the card, but the card is the one that has the shadow.
I hope this helps!
