Skip to content
Submitted 10 months ago

Responsive Newsletter Signup Flow using HTML, CSS, and JS

Celine Tran•120
@CelineTrann
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

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

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