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

@nmrtsnh

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


Hello everyone,

I am Namrata and this is my solution for the Ping coming soon page challenge.

If you have any suggestions to improve my code, please feel free to share!

Thank you 🙏

Community feedback

@matiasluduena23

Posted

Hi Namrata. Good Work! Just one good practice that might help you in this and future projects.

  • When you used a form, all your inputs, button and error message are wrapper inside the form, because some of this data you are going to send data to some endpoint server. Here Docs.
  • And for the error message notice that when it appears the image jump a few pixels down, that is because you use a position static in the <p>element. My recomendation is:
  1. Replace the <p class="error-msg"> for a <span class="error-msg">
  2. Use position absolute in that <span class="error-msg">
  3. Use position relative to the parent, the form.
  4. Use top, left, right, botton to position your span element under the input.

Position absulute resources

Hope this help you!

Good code!!!

Matias

Marked as helpful

0

@nmrtsnh

Posted

@matiasluduena23 Thank you for the feedback! I'll fix these issues and keep in mind for future projects.

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