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

@amd42

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

@eewa-SANJ

Posted

Hello!

Your solution is nice and clean but there are some issues. Here is my findings,

  1. There is the wrong font family loaded in the "Proceed to payment" button. So, you have to declare the font family separately for that element
  2. There is a drop shadow in the "Proceed to payment" button in the original design. But your solution not includes that. You can apply the box shadow using this "box-shadow" property
  3. You can't apply the outline property to "None" due to accessibility reasons. It is only a suggestion. Check this A11Y

I think you will receive some help from the above explanation.

Happy coding😊

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