Skip to content
Submitted 4 months ago

Newsletter sign up page

juliusalberto•220
@juliusalberto
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

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

  • Mateus Lima•360
    @mts-mlPosted 2 months ago

    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

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