Skip to content
Submitted about 3 years ago

Order Summary w/ HTML, CSS

VIPenn•10
@pennvi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

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

  • César Palma•425
    @xsrpmPosted about 3 years ago

    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
    @pennviPosted about 3 years ago

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

    0

Please log in to post a comment

Log in with GitHub

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