Product preview card component

👾Hello Pedro, congratulations for your new solution!

I think you've missed the font for the h1 and also the paragraph you can have all these information looking the file called style-guide.md.

The font for the h1 is font-family: 'Fraunces', serif; The font for the rest of the text is: font-family: 'Montserrat', sans-serif;

Here's the import: @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],700&family=Montserrat:wght@500;600;700&display=swap');

You can manage the product image inserting the tag <picture> to wrap both desktop and mobile images together in the same tag, and render each image depending of the device (phone / computer) by the settings for the width you'll insert in the html

👋 I hope this helps you and happy coding!