Skip to content
Submitted over 2 years ago

Order summary component in HTML5, SCSS, BEM, Grid, Flexbox, Gulp, NPM

Yari Morcus•500
@YariMorcus
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

While I was doing this challenge, I came up with two questions:

  1. Is it correct the way I implemented BEM into my HTML?
  2. Did I implement my structured data correctly? I could not figure out at first whether I should use the schema.org Product type or Offer type, so I decided to go with Product.

Thanks in advance!

Community feedback

  • James•340
    @James-aldersonPosted over 2 years ago

    Hi Yari, The challenge you designed is great.

    1. You can answer your first and second question with this video: BEM.
    2. With these two videos, you can improve coding and better organization of sass codes. @use and @forward - more organized with Sass

    Happy coding 🚀

    Marked as helpful
    0
    Yari Morcus•500
    @YariMorcusPosted over 2 years ago

    Hi @James-alderson,

    Thank you for your feedback! I appreciate it.

    I will take a look (and learn) at all three videos before I will start a new challenge (and with that, I mean right now haha).

    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