Product Card Preview

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

I am most proud of making a responsive and accessible Product Card Preview. I had the privilege of leveraging my CSS skills to style the product Card preview without using any CSS libraries. This further enhanced my CSS skills.

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

Fitting the content into its parent container was very challenging, especially the images. To make use of the two images and ensure that a certain image is used depending on the viewport, I made use of the HTML picture. Using the source tags I specified the source of each depending on the size of the screen.

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

I do not have any specific area that I need help with. However, any suggestion for improvement is very much welcome.