Product Preview Card Component

What are you most proud of, and what would you do differently next time?

Finishing this project.

What challenges did you encounter, and how did you overcome them?

Centering the content horizontally and the content itself keeps sticking to the left side whenever the screen changes into mobile T^T

What specific areas of your project would you like help with?

probably usage with CSS. I applied flexbox in my HTML based on bootstrap but at the same time I still applied flexbox in my CSS to achieve my desired result based on the picture given. It's giving redundancy. I think my code isn't clean. Please roast me in this challenge gently. Any feedback will be much appreciated. Thank you in advance.