Skip to content
Submitted 12 months ago

signup with success message

Shakeel Ahmad•60
@Shakeel-Coder
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

i tried my best as i am the beginner in the front-end development. but i miss some serious issues such as email validation before submit and back from success message. i tried hard but i didn't know how to do this. so please if you have submitted this solution and know how to do this give me the some suggestion about that. i hope you check and give me the feedbacks.

Community feedback

  • Ludzik•170
    @LudzikkPosted 12 months ago

    Hello, im not good at giving advice, but i'll try my best. So to validate email you will have to check if email in input is correct on click on button. So if it's correct after checking regex.

    Function you are trying to run on dismiss button named: dismissMessage() is not defined.

    To close popup msg, simply remove "hide" class from your submit form and add "hide" class to popup msg.

    If you need more help msg me on discord it's linked on my github.

    Marked as helpful
    0
  • enzmrg 💫•920
    @enzo-mirPosted 12 months ago

    Hello there, nice challenge ! There are a lot of things to say but firstly :

    • Try to avoid div element and use instead html sementics tag
    • Your parents elements : body, div#main got no height to be the container and you can not easily center the main content
    • Set min-width to your containers it will help for responsive

    I guess that is your first FrontEnd Mentor project ? Well donne ! ;)

    Marked as helpful
    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