Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive component using HTML, SCSS, BEM, and Flexbox

#sass/scss#bem

@rostyslav-nazarenko

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


First time I used Sass/SCSS. I used one .scss file because this is a small component and I don't know how to create a proper sass structure.

Please provide feedback on using sass and great resources to dig deeper.

Community feedback

@zeynabmvs

Posted

hello your code is clean and well-written.👍 If you're up to a little more difficult challenge I suggest following along with this great youtube tutorial:

https://www.youtube.com/watch?v=8w_kHIAkucA&list=PLUWqFDiirlsuYscECzks6zIZWr_Cfcx9k

I learned sass from these videos and she uses a very clever solution for using media queries and breakpoints

Marked as helpful

1

@rostyslav-nazarenko

Posted

@zeynabmvs Hi!

I actually started watching that video and learned about Frontend Mentor. And here I am. 😀

At first, I decided to try something simple, but now I will give it a try

Thank you for your feedback!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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