Product Preview Card Component

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

My goal for this challenge was to use flex and grid for the responsive design, making sure to not rely on fixed widths or heights. Also, I used the picture tag to size the image for mobile and desktop without having to use media queries.

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

I attempted to use portrait and landscape modes to accommodate users turning their devices in different directions, but I could not get it to work well for tablets, so I commented it out.

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

I'd like to make the designs more responsive by using more automatic sizing for things like images and containers. I couldn't quite get it with the picture for this challenge. Also, I'd like to use the portrait and landscape media queries, but need help figuring out how to size for various devices.