Skip to content
Submitted 6 months ago

Responsive newsletter with jquery

João Vitor Morita•210
@joaomorita
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'm proud to use jquery in this project, it was my first "junior" project. I think I can do better my html content, using more semantics tags

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

The main challenge was the email validation, I went trought the internet looking for some solutions to overcome this one. The second challenge was give the feedback with colors when the email was invalid, this time I need to search a little bit about some jquerys funcions like "addClass" and "removeClass"

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

I'm looling forward to see some feedbacks about my code in general to improve my skills. Thank you guys!

Community feedback

  • Branka R•290
    @brainkaPosted 6 months ago

    Hey!

    Well done on completing this project :)

    Just a few small items I noticed on your project:

    • You are missing the main element in your html. Your container class should be a main element instead of a div.

    • You have missed adding a background colour to your form button:hover{ cursor: pointer; } when you hover over it.

    Again, good job :)

    Marked as helpful
    1
    João Vitor Morita•210
    @joaomoritaPosted 6 months ago

    Thank you!! I'll fix it @brainka

    0
    Branka R•290
    @brainkaPosted 6 months ago

    No problems @joaomorita 😊

    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