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 w/ HTML, CSS

VIPenn 10

@pennvi

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


If you have a moment, please offer comments! I'd really appreciate it! Also, I've since realized that I should not structure my CSS entirely with IDs (lol), and I will not do it henceforth! And also, I know the responsiveness is a bit shotty/sloppy, but, quite honestly, I just wanted to submit this and begin working on another one, as I spent more time on this than I'd like to admit. Thank you!

Community feedback

@xsrpm

Posted

The design is almost identical. Regarding what you comment on the use of ids, it is true you should not use them in this type of exercise, just to obtain a reference to a DOM element in javascript. In css with classes and specificity with tags it is enough. The BEM methodology also helps to correctly name the classes.

1

VIPenn 10

@pennvi

Posted

@xsrpm thank you! I'll investigate the BEM method.

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