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

Newsletter signup (Sass, BEM)

P
Ian Parker 180

@i-prkr

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I proud to feel as though I am getting a handle on Sass and BEM. I still need to spend more time looking at the design and thinking how to structure the code to make it the most DRY.

What challenges did you encounter, and how did you overcome them?

I found it challenging working out how best to structure my .card component css, to make it as clean and as DRY as I could. I tried a couple of different ways using BEM, and decided to keep all css for both the signup and success card under the one class.

What specific areas of your project would you like help with?

I would really appreciate any feedback, but particularly would love to know if the BEM method has been implemented effectively. Particularly working between .card and .card-success classes as the success card had a slightly different layout.

I would also grealt appreciate any improvements on my sass code, I am enjoying working with Sass/BEM and am keen to keep improving.

Thanks for looking at my solution!

Community feedback

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