Skip to content
Submitted about 3 years ago

Order Summary component with SCSS, Flexbox & BEM Model

Devika Sujith•175
@DCoder18
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

Hey guys! Super excited for this. I wish I knew this site existed before! Anyway, for this solution I experimented using Scss, Flexbox and the BEM model. My goal is to learn how to write efficient code. So please provide any feedback you might have. If you think I can make this code more efficient, please feel free to let me know. Thanks guys!

PS: Please view my solution from the live website. The comparison feature on here doesn't seem to update the preview.

Community feedback

  • Fluffy Kas•7,715
    @FluffyKasPosted about 3 years ago

    Hiya, if you're not satisfied with the preview, you can always generate a new screenshot, there's an option for that ^^ Your solution looks really neat btw, just take a look at the accessibility report! You just need to swap your container div to main and perhaps the attribution to footer/header.

    Marked as helpful
    1
    Devika Sujith•175
    @DCoder18Posted about 3 years ago

    @FluffyKas Thank you so much for your feedback! I've fixed the accessibility issues now :)

    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