Question about the border-radius difference bt container & image

Hello everybody,

it is my second challenge here, and I still learned a lot from this small challenge which is awesome!

I have two things that would like to discuss with you. Please feel free to answer one or both of them.

#1

I wonder why even I set card-img-container & img.cube the same border-radius (10px), they just don't fit. The background colour of container will appear a little, so that's why I changed its border-radius to 12px in order to hide. If you use devtool to check, you will see what I mean.

#2

To write a hundred percent alike layout is fun! Yet, about the tiny tweaks of font family, font-size, line-height... I always spend lots of time on it. I wonder what's your order to take care of these properties? How do you figure it efficiently from the beginning? I also felt this time my HTML structure wasn't good enough, so that might be another reason leading to my long codes.

Thank you, and have a great day :D