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 sign up

N1Dovud 170

@N1Dovud

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 would try to do the new projects faster without wasting much time on solving small problems. I also would like to code less while achieving the same result. I guess this time I wrote a little too much code to be on the safe side. Most importantly, I was able to finish the project today.

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

There were tons of problems but I guess I solved them by simply shutting down chrome and reopening it. I discovered chrome has some bugs like html element in dev tools was having 0.2 pixel more width than the viewport width, which was not an expected behaviour. I also believe chrome has problems rendering picture tag images and showing borders of inputs when they are given border radius.

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

Well, I guess javascript part is flawless, html is very well structured. If possible I would like feedback on css, specifically, redundancies I have in media queries.

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