Submitted almost 2 years ago

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

#accessibility#bem#gulp#sass/scss

Yari Morcus• 480

@YariMorcus

Preview site View code

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

Is it correct the way I implemented BEM into my HTML?
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-alderson

Posted almost 2 years ago

Hi Yari, The challenge you designed is great.

You can answer your first and second question with this video: BEM.
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

Yari Morcus• 480

@YariMorcus

Posted almost 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).

Please log in to post a comment

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