Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Newsletter-signup-Form-with-success-message

@Massive12356

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my second project here, and I have learned a lot. What I found very difficult when building this project was the fact that the dismiss button should redirect you back to the original page. I am happy to be here and your feedback is mostly welcome

Community feedback

@LuisJimenez19

Posted

Hello Edward, Congratulations on finishing this challenge, very good job.

Some recommendations:

Try to set the margin and padding of all the elements so you can have more control and it doesn't make you that unnecessary scroll:

* {
    font-family: MyFont;
    box-sizing: border-box;
    margin: 0;
    /* padding: 0; */ /* In this case, if we set the padding, the content will be damaged a little, but it is a very good practice to do this.*/
}

And finally you could do a small validation of the email, from what I see when you do not enter an email it still works, you can add an attribute to your html so that it is required:

<input type="email" name="" id="email" placeholder="[email protected]"
required
>

or you could use javaScript to make it more custom.

Well Edward, I hope I have helped you, see you.👋🏽

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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