Skip to content
Submitted 11 days ago

Semantic HTML, CSS(flex), JavaScript with Constraint validation.

Majid Mohammed•90
@majid-tech
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 proud to use only HTML, CSS, and JavaScript to create a similar design. Next time, I will try to make use of frameworks and third-party tools for form validation.

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

I faced a problem with the form validation aspect but I did a research and read on how to make it work.

Community feedback

  • P
    Olha Sliusarenko•220
    @Oliko136Posted 10 days ago

    Hello!

    Great job, your solution looks very close to the design! However, it lacks responsivity, but since the main focus of the project was on JS, it is not a big deal. Also, the success message appears on top of the main card, and I believe it was supposed to replace it and vice-versa. One last comment - the title would be better wrapped in h1 tag, not a header tag.

    Otherwise, your work is great!

    Good luck in your future projects!

    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