Responsive product preview with hover and focus states

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

I'm most proud of how I utilized <picture> and media queries to get the product images to display correctly in their respective display sizes.

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

I was having issues with aligning the line of text with the prices. I had to get familiar with align-self and justify-self again to get the alignment right.

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

I'm really happy with this one. I will use Frontend Mentor to review my code and make changes if necesssary, but at the time of writing I think I really nailed it!