Order Summary Component (CSS w/ Hover Effects)

Good day Frontend Mentor Community! Here is my solution to the Order Summary Component challenge.

I took this challenge to see how fast I can finish it with only few searches (just properties I always tend to forgot). I tend to consume most of my time on container width, font size, gap size, padding size and anything related to sizes just to match the design which makes me took a longer time to solve the challenge. Overall, a fun challenge to test my skills.

Added some hover effects:

• Image and SVG scaling transition on hover (first try)

Happy to hear any feedback and advices regarding the design and in quickly determining the right sizes to every elements!