Skip to content
Submitted about 2 years ago

Product preview card component

RatifiedGeorge•670
@Ratified
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I've used the fonts, Fraunce and Montserrat as directed in the styles guide, but when I compare them with the design, they look different. If you have any advice on this, please comment, thank you in advance.

Code

Please log in to post a comment

Log in

Community feedback

  • Daniel•330
    @daniel-web-developer

    I think what the problem is that you mistook one font for another in some elements. The Fraunces font family should be only in the main title of the product and price.

    Also, you should make sure that your font weights are correct.

  • Steve•1,170
    @peanutbutterjlly

    hey @Ratified 👋,

    I did see that you're referencing those fonts but I couldn't find where you were getting them in your index.html or css file.

    what you can do is click the link in the style-guide.md file and copy those specific fonts and then on the right-side panel Google will give you two options to get those into your file; either an import on your markup(HTML) or an @import in your style(CSS) file.

    good job on completing the challenge

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord