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 single column with css grid and flexbox and font awesome

Berava 375

@Berava

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

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Hey Berava, great to see you post another solution, it looks really good! The main feedback I've got is related to the JS form validation. At the moment the form still submits even with invalid inputs. I'd recommend targeting the form and listen for the submit event to trigger the validation check. I'd also add event.preventDefault() to prevent the form from submitting automatically. Then you can run the checks and only submit the form if the validation checks pass.

Hope this helps! 🙂

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