Skip to content
Submitted over 1 year ago

Newsletter Sign-Up with Success Message using Tailwind Css

Bryan Lordeus•360
@blordeus
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?

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

  • j-hogben•290
    @j-hogbenPosted 3 months ago

    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

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