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

Html CSS Flexbox

P
Coty B 405

@cotybro

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


All feedback is welcome! I still need to go back and get into the javascript portion I got stuck on validation of the email if anyone has some reference material that would be great!

Community feedback

P
Patrick 14,325

@palgramming

Posted

This might help to get you started at least headed in the correct direction on the validation https://flaviocopes.com/form-events/

work on getting your form entry to display in the console and once you do that then you can use JS REGEX that you can find searching the internet for many different combos to try to validate the email address

But it looks like you do have the basic design down. You might want to go head and create your email error states in your page that you can turn on and off by adding and removing the class. you can just add and remove the class manually in your browser in dev tools to watch it work before you get the JS working

0

P
Coty B 405

@cotybro

Posted

@palgramming Thanks pal! yeah I have a < p > with the text wasnt sure how to go about showing it.

0

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