Skip to content
Submitted 6 months ago

Newsletter sign-up form

josh-conde•190
@josh-conde
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 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•420
    @nvallinePosted 6 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!

    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