Not Found
Not Found
Not Found
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502

Submitted

Order summary component (7-1 pattern/SASS)

@said-alrove

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


Hi!, what's up? nothing much to say for this one, I have to optimize my classes more due to sometimes I name classes that I'll never use, therefore It's just a waste of code.

I'd like to mention that this is my second attempt using the 7-1 pattern for structuring projects, and I'm starting to feel more confident with it. There are a couple of differences in the way how I structured the challenge with the 7-1 pattern with respect to the last time basically because I figured out better ways to do certain things and I saw things that I misunderstood, thus I fixed them in this one.

As always, feedback is appreciated :D!.

Community feedback

Sean 175

@sean-b765

Posted

Looks good. Your scss is structured nicely. And your classes are following BEM which is great. Just a minor inconsistency with your plan__change-btn. but overall a really good job!

1

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