Product Preview Card Component

Hey, MirTynan!

Try to use rem. 0.65rem worked for mine :)

And if I may add some suggestions:

Re: accessibility

• You can wrap your container inside main.
• You can add alt="Add a description here" for the image

Re: style

• You can use flexbox on main to place your item in the center of the viewport. Consider setting your height to 100vh
• You can add the font-family that is in the style-guide.md

Hello MirTynan, how we meet again ! :)

For border-radius, do not use percentage, use px. The only time you use percentage in border-radius is when you make a circle and it's always 50% with the same width and height. Otherwise, when you style more precisely, such as this challenge, use px.

Also, avoid using the <h> tag to make your text bigger, the <h> tag is reserved for title of sections on a website and should be used in decreasing order and in big websites. You can easily change the font-size, and weight with those CSS attributes while using the <p> tag or a <div>.

Have your tried using the border-radius property?