Product Preview Card Component

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

I am most proud of the responsiveness of the page.

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

One of the challenges I encountered was the difference in the mobile view and desktop view images. I used the visibility:hidden property to switch the images between screen sizes.

Another challenge was getting the image to fit within the image-container. I used em units and this worked.

Another challenge I faced was adjusting the width of the desktop view.

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

I would like feedback on best practices to achieve responsiveness on this component.