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

Newsletter Sign-Up with Success Message using Tailwind Css

@blordeus

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


What are you most proud of, and what would you do differently next time?

Using Tailwind CSS for the project.

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

The email validation

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

Nothing at the moment

Community feedback

P
j-hogben 290

@j-hogben

Posted

Hi Bryan,

Your design is looking great, just a couple of ideas to ponder:

~ Responsive design is great for mobile and desktop, it might be a worth looking at some of the in-between layout, between 501px and 767px, to keep the consistent high level of layout.

~ I'd check out your javascript to make sure the success message pops up on a successful form submission.

~ Lastly, it might be worth having a look for a regex that has a better coverage (that catches emails like erree@df).

Great stuff on the whole mate, just a couple of things to consider :)

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