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

Order Summary Component

@ZenitsuAg

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello, I had some issue with the font-weight property, any tips for me from your bag of tricks?

Community feedback

@rachelktyjohnson

Posted

Hey Lord Robin! Thanks for sharing your solution and asking the question.

From the font import statement in your HTML, it looks like you're using

https://fonts.googleapis.com/css?family=Red+Hat+Display:[email protected]&display=swap

It looks like you're using 500, 800, and 900 in your CSS, so the link should be

https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500;800;900&display=swap

The import link may be why you're having issues with changing the font weight because they haven't been imported properly.

I hope this helps!

Marked as helpful

0

@ZenitsuAg

Posted

@rachelktyjohnson It does, thank you very much

1

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