Skip to content
Submitted over 2 years ago

Order Summary Component - CUBE CSS, BEM, semantic HTML, mobile-first

Adam Wozniak•230
@adamwozhere
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

I decided to create this component using some aspects of CUBE CSS but leaning more heavily on a BEM style for containing most of the properties. On a larger project I would probably try to use more of a CUBE CSS approach with css classes for design tokens.

Community feedback

  • Kamasah-Dickson•5,590
    @Kamasah-DicksonPosted over 2 years ago

    Your solution looks great but I recommend the use of BEM CSS. Besides good job there👍 Happy coding👍

    0
    Adam Wozniak•230
    @adamwozherePosted over 2 years ago

    @Kamasah-Dickson Thanks :)

    0
    Kamasah-Dickson•5,590
    @Kamasah-DicksonPosted over 2 years ago

    @adamwozhere you are welcome👍

    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