Skip to content
Submitted about 1 month ago

Newsletter sign-up form with success message

#sass/scss
P
Steven•180
@stevensuna
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?
  • Implemented an RFC 5322 compliant email validation system
  • Created an accessible form with proper ARIA attributes and error handling
  • Used CSS Grid for responsive layout switching between mobile and desktop views
  • Developed a modular SCSS architecture with proper separation of concerns
  • Implemented smooth transitions for success message display

Please log in to post a comment

Log in with GitHub

Community feedback

  • Tel•190
    @telsabate-hub

    Hi Steven!

    You did really great here! I like that there is a particular error message for empty email. :) Also, good job on making it responsive.

    Maybe the only issue I found is that the inputs are still tabbable when the "Thanks for subscribing" modal shows.

    Overall, I think your solution is very good.

    Thank you and happy coding! :)

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