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

used html and CSS only

@RahulShesh

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


it is simple for me but I find trouble when including the font family. I was unable to use red hot display font family for some reasons so I used arial It looks same so there is no problem it doing that.

Community feedback

Anis Bacha 500

@AnisBacha

Posted

Great job on your work! In order to use the Red Hat Display font family, consider implementing the following suggestions in your CSS file:

At the top of your CSS file, include the following import statement:

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500;700;900&display=swap');

Then, incorporate the following rule within your CSS to utilize the Red Hat Display font family:

font-family: 'Red Hat Display', sans-serif;

Typically, you can locate the necessary information in the style-guide.md file. You'll find the link to the Google Fonts website there. Once you're on the Google Fonts site, select the desired style for the font. In the right tab, you'll notice the option 'use in Web'; make sure to click on the import checkbox. Finally, you can copy the import statement and the CSS rule for the Red Hat Display font family.

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