Skip to content
Submitted almost 3 years ago

Order summary page usinh HTML and CSS

Khalid•230
@khalteck
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

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
    @MikevPeerenPosted almost 3 years ago

    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

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