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 Flow using HTML, CSS, and JS

@CelineTrann

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! This is my solution to the Newsletter Sign Up with Success Message challenge.

Built With:

  • HTML
  • CSS
  • Pure JS
  • Mobile first workflow approach

This was a really fun challenge. Trying to figure out how to create a message was very fun. Surprisingly, the most challenging thing was trying to position the list markers correctly. I learnt that using the ::before pseudo element allows for more flexibility than using ::marker pseudo element.

Please let me know if I could make any improvements. Feedback is always welcome!

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