Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Sign Up form with HTML/CSS and JS

@delat22

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! I just completed the intro-component-with-signup-form. Some of the challenges i couldn't fit:

  1. Replacing the 'placeholder' text and color when the active button is clicked
  2. Padding the error image
  3. Remove the 'placeholder' name from First name and Last name when error message is popped up

Thanks.

Community feedback

@delat22

Posted

Thank you alihany. I will implement the feedback

0
alihan 340

@alihan

Posted

Hi! Your solution looks good.

For your challanges:

  1. You can replace your placeholder text with JavaScript with setAttribute() function. And you can change your button color with :hover or :active selectors (CSS)
  2. I can recommend position: absolute for your error image. Check out this, and you can change it easily.
  3. As I told you in first step, you can remove your placeholder with JS again.

Try it and if you will still have these challanges, check out my solution!

Good Luck! :)

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