Product Preview Component using TailwindCSS

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

I am proud of the fact that I completed this project using tailwind CSS and also the picture tag to switch the pictures.

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

I wanted to use the <picture> tag with <source> file. I couldn't remember how to do this so I checked out solutions from other contributors.

The biggest challenge was to get rid of the annoying gap at the bottom of the picture in desktop mode. Through trial and error I arrived at making the picture the full height of its container.

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

Any feedback is welcome.