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

@Cpuening84169482

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


I learned a lot about flex and I got to use CSS Grids again. I found it difficult to get some text in the correct format.

Community feedback

@harshitBhardwaj97

Posted

Hi I saw your code and I believe you forgot to add the link or import for the Red Hat Display font.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;700&family=Red+Hat+Display:wght@400;700&display=swap" rel="stylesheet">

Adding these lines inside head tag of your html should do the work, since in CSS file you already have specified the font-family (font-family: 'Red Hat Display')

I hope you find this suggestion helpful and it solves your problem, Happy Coding !

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