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 Solution

@gabrieltrt

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


Hello friends, here is the conclusion of another WEF challenge. I hope I can get good feedback from you and improve my front-end every day.

Community feedback

nicodes 240

@nicodes-dev

Posted

You did a great job, it looks exactly as the design.

  • You missed adding a box shadow to your <main> tag.
  • I also suggest that you use an <a/> tag or a <button> tag instead of <p> tag for the Cancel Order since this is suppose to be a redirect or CTA.
  • Hover effect are also missing in your solution.
0

@gabrieltrt

Posted

@nicodes-dev Hi brother! I really forgot to put the shadow :) I'll put it right now.

And thanks for the other suggestions, I'll make all the fixes you suggested. thank you very much!

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