Submitted 4 months ago

Newsletter sign-up form

josh-conde• 190

@josh-conde

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 JavaScript for this

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

Challenges were figuring out the styling for the popup and how to get them correctly

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

None I am very proud of this

Community feedback

Nate Valline• 370

@nvalline

Posted 4 months ago

Hi,

Good job on this challenge! The form validation functions as it should based on the guidelines of this challenge.

Looking at your mobile view, the sizing is a bit off and creates a horizontal scroll. It looks like your '.left-container' has a fixed width set to 400px and is the main culprit. It looks like if you were to exclude that for mobile screen sizes and then include it on desktop screen sizes within your media queries that should take care of it.

Cheers!

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