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

@edward-montoya

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@jairovg

Posted

Nice done @NicolasMontoya; here are my comments:

  • Try to avoid universal selector, no matter if it's used inside an ancestor element in your rule, check on some notes in the section "is inefficient in terms of performance" here.
  • There is a visual a11y; if a user navigates the component using the tab key, notice that the Proceed payment and Cancel order elements don't have a focus state.
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