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 Card

@Sonu-Dutta

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

Heli0s 670

@zeerobit

Posted

Congrats on completing this challenge, looks good. Couple of things i'd like to point out:

  • The hero image should be added as a background and not in the html
  • The font-size for Annual plan is a bit too big maybe lower it a little
  • for your class ".plantype" you could makei it flex then use justify-content: space-around to space out the items inside
  • add text-align: center; in your ".button" class to center the text inside, also add a little bit of vertical padding to make the button a bit bigger
  • the cancel order button is very small when viewing it on my laptop, you should increase the font-size a bit

Happy coding !!!

Marked as helpful

0

@Sonu-Dutta

Posted

@zeerobit thank you for your suggestions😊👍

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