Submitted 4 months ago

Responsive newsletter with jquery

João Vitor Morita• 210

@joaomorita

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Newsletter sign-up form with success message

HTML
CSS
JS

2junior

View challenge

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

@brainka

Posted 4 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

João Vitor Morita• 210

@joaomorita

Posted 4 months ago

Thank you!! I'll fix it @brainka

Branka R• 290

@brainka

Posted 4 months ago

No problems @joaomorita 😊

Please log in to post a comment

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