Responsive Media - Perfume Card

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

I am most proud of completing this exercise, as I was struggling with the responsive aspect and media queries with the product image.

Next time, I would plan better use of my time, as I this took me a lot longer than it should have. Mostly because of my main issue with the responsiveness.

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

One main challenge I encountered was dealing with the product image, I was struggling to manipulate the image correctly for both desktop and mobile sizes.

I overcame this by recognizing that the project came with a separate mobile image (lol i know :D). I researched and learned about using the picture element, which can help with adding in two different images for the browser to use depending on the size of the screen. I was able to succesfully create a responsive layout for both desktop and mobile screen sizes, without manipulating my code/main image too much.

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

I would love to know how to properly format the cart icon. It felt like no matter what I did to modify it, I could never get it down to a size small enough so that the handle of the cart showed.