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 page usinh HTML and CSS

Khalid 230

@khalteck

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


getting the font was a real problem for me, still didn't get the right one but that'll do too!

Community feedback

MikevPeeren 2,100

@MikevPeeren

Posted

Hey @khalteck Good job!

What font to use is usually displayed in the Styleguide I believe it was Red Hat in this component. Also you need to import the certain weights you wish to use so try that.

Responsiveness could use some work, on mobile your component is zoomed in. and higher than 1440px your background image is cut off. tools like https://responsively.app/ can help you with this during development.

Also try to add some hover states and some transitions to those hover states so your individual pieces feel more alive.

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