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 / CSS and HTML

Maciekexe 60

@maciekexe

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 think this is good but if you find what I could fix, you tell me and thanks.

Community feedback

@VickyAzola

Posted

Hi! Great work finishing this challenge,

Your solution looks really close to the design; you are only missing the font and the background color. Add something like this to your CSS:

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

body {
  font-family: 'Red Hat Display', sans-serif;
  background-color: hsl(225, 100%, 94%);
}

The fonts are always linked on the style-guide.md 

Hope this helps! 🤗

Marked as helpful

0

Maciekexe 60

@maciekexe

Posted

Thanks, I've added it and will remember to look at style-guide.md next time @VickyAzola

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