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 coming soon page

LoZoβ€’ 440

@LoZoCz

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

@VCarames

Posted

Hey there! πŸ‘‹ Here are some suggestions to help improve your code:

  • Do not forget ⚠️ to check your FEM report, to see what is incorrect and update your code with it right after you submit your challenge.
  • Your EventListener ⚠️ should be on the form and it should be a submit not a click, since the user is submitting their email.

More Info:πŸ“š

Click vs. Submit EventListeners

  • Your email input, β€œerror message" and button needs to be wrapped inside a form and have a visibly hidden label attached to it for improved accessibility.

More Info:πŸ“š

MDN Email Input

  • When the user enters a valid email ⚠️, I recommend adding some sort of confirmation stating that the email is valid to improve user experience βœ….

Here is an example of how it can look: **Example

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding! πŸŽ†πŸŽŠπŸͺ…

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