Submitted 5 months ago

newsletter sign-up form

jrgenweb• 450

@jrgenweb

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 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• 380

@DalaScript

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

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