Skip to content
Submitted 8 months ago

newsletter sign-up form

jrgenwebā€¢450
@jrgenweb
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 made it, next time I will try validator.js or another validator js library, in this task I googled a regex pattern. Alternatively, I could even make the component by generating the whole thing with js...

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

the validation, I googled this

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

actually, how good or bad was this challenge

Community feedback

  • DalaScriptā€¢530
    @DalaScriptPosted 6 months ago

    Hey!šŸ– Good Job!

    Your Design looks actually good, but here is some tips to improve this Project :

    1. background-color doesn't match, so I would change it.

    2. padding size for <div class="newsletter_form" id="newsletter-form"> that element.

    3. spacing between elements inside your div <div class="newsletter_content flex"> element.

    4. after clicking on that button <button type="submit" class="btn_close">Dismiss message</button>, Instead of disappearing the entire container, you could have the newsletter form back again.

    Good Luck!šŸŽ‰

    Nika.Dala

    Marked as helpful
    1

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