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 page

P

@juliusalberto

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 am most proud of creating the js script! I learnt how to manage events and change element class. I would do it faster next time (although I think mine is alr fast enough).

I also created this using a mobile-first workflow. Surprisingly, it's kinda fast!

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

I don't encounter any difficult one, but I think it's lining up the padding and margin. And responsive design. My website looks ugly on tablet.

Community feedback

@mts-ml

Posted

Hey @juliusalberto!

Nice design, looking at yours I realized I didn't change the standard e-mail from mine, got to correct it...

For feedback, two things, the HTML is not semantic, you should use at least a <main> tag instead of only <div>. And in my opinion, I'd change the message when the e-mail is valid and the field color.

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