Submitted 2 months ago

Newsteller Sign Up using SCSS

Alexandru736• 210

@Alexandru736

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 am proud of the fact that I was able to learn about regex. It's an easy way to do match validation with strings, and it solved easily the email validation part.

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

Understanding the regex. It wasn't that easy at first

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

Not quite sure what I could have done better regarding the responsiveness of the website.

Community feedback

juliusalberto• 220

@juliusalberto

Posted about 1 month ago

OK I noticed some things about your website:

It's not centered? I think in the desktop design you can center by using flex or grid. Example:

display: grid;
place-content: center;

There is no hover effect on the button :(.
I think the gap between the button and the paragraph in the success message container mobile view can be increased
The JS is good, however you can add something to change the [email protected] to change into the email address that the user input

Overall nice job!!

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