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-2

Jiran 50

@paiveryhappy

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 need some feedback so, anyone can comment. Thank you

Community feedback

Bryan Li 3,530

@Zy8712

Posted

Your site looks great! Some things I'd suggest you to add/modify:

  • add a <main> tag to wrap around your page's content. This is for accessibility purposes
  • make sure you use headers in descending order without skipping (from <h1> to <h6>). These headers all come with default font sizes which can be modified in css with the font-size property
  • add a :hover effect to the payment and cancel button for adding interactivity and engagement. You can do something like changing font color or background color when users hover their mouse over these options

Hope you find this feedback useful 👍

Marked as helpful

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