Product Preview Card Component

Hello 👋,

after a week of time off, I am submitting another solution of a challenge from the newbie category.

I took this particular challenge for one reason - to test the new developer mode in Figma and it went very well.

There was no particular difficulty during the implementation, but there were two particular highlights related to my approach I would like to point out.

• Looks like the DEV mode in Figma generates line-height with an unit (rem in my case). This is not optimal for the accessibility reasons and I just converted it to the actual ratio.
• I played more with the flex-basis. Looks like things get more complicated when flex items are aligned/justify in the non-start positions.
• I initially thought this challenge could be a perfect one for responsive image capability inside of the HTML. But after digging into that more I figure out that it's not necessary.
• Based on some feedback I received in my previous challenge, I put an empty description to the svg as this one here is just for decorative purposes.

It was a fun tiny challenge and happy to keep resolving more of them over time, that's for sure. :-)