Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

product-preview-card-component-main

Martynas 100

@Marcius55

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

Don't know how to apply 2 fonts to the project. Feedback is appreciated!!

Community feedback

Sarah 540

@AutumnsCode

Posted

Hi there,

To apply a second font family just add font-family to the element you need a second fonts.

body {
font-family: sans-serif;
}

h1 {
font-family: serif;
}

I hope this will help you out. If you have do more question, let me know.

Marked as helpful

0

Martynas 100

@Marcius55

Posted

@AutumnsCode, Hello, thank you for your feedback! It did change the .title font but also removed the boldness from h1 and .price font changed to normal.

0
Sarah 540

@AutumnsCode

Posted

@Marcius55 It would be helpful if you push the changes. additional at your .description you had put two font-weight in

1
Sarah 540

@AutumnsCode

Posted

So i checked the code again. Maybe it does it because of setting your font-weight this way. font-weight: 500, 700; at your body and some other place. Instead I would choose one font-weight, for your body I would go with the 500

1

Martynas 100

@Marcius55

Posted

@AutumnsCode, okay thank you!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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