Responsive Product Preview Card Component

you tried well, I checked your code carefully, what I found that you did not specify width for your container , it cause to spread whole container across the viewport. I like your approach you have taken to give a responsiveness to the page, please note that min-width property used for larger screen normally, let's say you specify 600px as min-width, it means screen sizes either should be similar to 600px or higher to apply specified rules.I hope this may be helpful to you.