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 sumary with Html and Css

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


Ignored tags

Community feedback

@shashreesamuel

Posted

Good job Carlos completing this challenge.

Keep up the good work

Your solution looks great however I have the following feedback.

  • The content in the card needs a bit more padding around using padding.

  • The button text in your Proceed to Payment button needs to be in one line and not wrapped, this is due to inadequate space hence in order to fix this, increase the width of the button using ```button

In terms of your validation errors

  • Element p not allowed as child of element button in this context. This means that you cannot have a p tag within a button tag since buttons are clickable elements so instead just have your text like this <button>Proceed to Payment</button>.

Hope this helps

Cheers

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