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

@franklynxchill

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, Frontend Mentor community👋, I’m Franklynxchill and this is my solution for the Order summary component. 🚀 Any suggestions on how I can improve and reduce unnecessary code are welcome! Thank you. 😊✌️

Community feedback

P
gfunk77 1,200

@gfunk77

Posted

Congrats, this looks fantastic. In response to “unnecessary code” I’d suggest taking advantage of default values like flex-direction default is row, <a> text decorations start as underline, width on block level elements default as 100% so you don’t need to set these values. That will clean up several lines of code in a second. Congrats again.

1

@franklynxchill

Posted

@gfunk77 Thank you for the comment !

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