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

Ping Coming Soon Page with React, SASS/SCSS and email validator

Melwyn 250

@melwynt

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Thank you for viewing my 6th project! I was able to reuse the email validation logic built in a previous project for the intro with signup form challenge.

For me the difficulty here was to structure the html and to decide how to divide all parts of the design.

For example you'll notice that I'm not totally respecting the way the error message should appear on mobile. That's because I went ahead with an absolute positioning instead of allocating some space below the input field.

To improve this project, this is what I plan to do:

  • Fix the design of the error message to match provided mobile design
  • Change Facebook icon with LinkedIn icon
  • Add social links
  • Add success/thank you message once email is sent

Thanks for your feedback and let me know how this project can be improved.

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