Product-preview-card-component

During this challenge, I faced too many questions and problems. If you r able to answer, please help me to figure.

1. To centering that card, I used position: relative (left, top). But I think it's not good idea to do responsive thing. I thought I had to use display: flex then (justify, align to center). But when I did that I don't know my align-items didn't work, so I just Googled and found I had to set the height of the card 100%, but to do that, I can't use border-radius (cuz my height is now 100%). I had more problems, but this one is the hardest one to figure.