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

Intro component with sign up form

@nmrtsnh

Desktop design screenshot for the Intro component with sign-up form 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 Intro component with sign up form challenge.

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

Thank you 🙏

Community feedback

@matiasluduena23

Posted

Hi again Namrata! You have been working a lot. Your are improving fast. Congratullations!!!

  • In this challenge like in the "ping coming soon" you also need to use position absolute. Now you can use it to position the error image.
  • Remember that you need to had parent with position relative to use a position absolute in an element.
  • I recommend you this:
  1. add a wrapper .form-control to your input and your image. Use the position relative in that element.
  2. use a position absolute in the img.
<div class="form-control">
  <input>
  <img>
</div>

Hope this help you. If you have any questions, leave them in the comments.

Good code

Matias

Marked as helpful

0

@nmrtsnh

Posted

@matiasluduena23 Thank you for the feedback! I really appreciate your guidance and encouragement and thank you for noticing, I am putting in extra effort.

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