Product Preview Card using Pure CSS & HTML

Hi 🙌! This is my 4th project, I have few small doubts, pls be kind to help: 1.how do u like a child div to its parent element? for eg: I had set a border-radius:3%; on the card, but when I added 2 divs in it (one for the image, and the other for the description) , it doesn't inherit the border-radius I set on the parent element ie. the card. And I had to separately add border-radius to each one of them.

2.If u have seen my media query, it's quite long. Can u suggest few responsive methods to make the query short as possible?

3.why do percentage values NOT work good with buttons using border-radius? (Pls explain in simple terms, stackoverflow had a complicated answer).

4.Any other feedback is always welcome

Thank you !