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

Sabira K. 80

@hello-sabira

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


What are some bad coding practices do you see, that I should improve on??

Community feedback

@eewa-SANJ

Posted

Hello!. Your solution looks fantastic and looks exactly like the design. Here are fix issues I found

  1. You use mixed units such as %, em, rem, and px. Try to use rem with one other in order to maintain consistency.
  2. Order your CSS style properties in an alphabetical way. So, its readability will increase.

That's it. I think, my findings will help you to improve your coding.

Happy coding😊

Marked as helpful

1

Sabira K. 80

@hello-sabira

Posted

@eewa-SANJ Hello, thank you so much for your detailed feedback :)) Yes, I'm still a bit confused with the units, you're right. I should stick to two. Also, I like the point about ordering CSS style properties in an alphabetical way, never thought about this before.

Thanks a lot once again!

1

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