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 sign-up form [BEM + VanillaJs]

#accessibility#bem
xyzeezโ€ข 550

@xyzeez

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


Hello There! ๐Ÿ‘‹๐Ÿฝ

Here is my solution for this challenge!

Built Usingโš’๏ธ :

  • Semantic HTML5 markup
  • CSS custom properties
  • CSS Flexbox
  • Mobile-first workflow
  • BEM

Question๐Ÿ™‹ : I've been trying ways to submit the form using form.submit() after validation without generating a new HTTP response (reload page). Any help on that?

Update๐Ÿš€ : I've gotten a solution to the question above by ChatGPT which suggested the use of an iframe as the form target but that's a very new concept to me so I've published it as a branch on GitHub (dev), you can review the code and let me know what you think ;).

... Feedback on how I can improve my code would be highly appreciated! ๐Ÿ™๐Ÿฝ

Thank You, and Keep coding! ๐Ÿ‘จ๐Ÿฝโ€๐Ÿ’ป

Community feedback

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