Skip to content
Submitted over 3 years ago

Html CSS Flexbox

Coty B•405
@cotybro
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Ping single column coming soon page
  • HTML
  • CSS
  • JS
1newbie

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

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    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
    Coty B•405
    @cotybroPosted over 3 years ago

    @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

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