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

Responsive sign up form using pure HTML CSS flex box JAVASCRIPT

kundai 30

@kundais

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


is it possible if anyone can help me with the implementation of the error icon and message in the input tag. when the fields are left empty

Community feedback

@Tink3rball3r

Posted

Try putting the inputs, messages, and icons in container divs. Give the container divs position: relative and display: flex. Give the messages position: absolute. This will place the input and icon side by side and take the message out of the flow. I hope this helps.

Marked as helpful

0

kundai 30

@kundais

Posted

@Tink3rball3r this was helpful, i made a mistake tho lol. i meant to ask how do i do the form validation in js. because i tried and tried and could'nt seem to get it to work.

thanks in advance

1

@Tink3rball3r

Posted

@kundais No problem, bud. Here's the link to my repo. I'm not sure if it's the correct way, but it works. https://github.com/Tink3rball3r/intro-component-with-signup-form-master

0
kundai 30

@kundais

Posted

@Tink3rball3r appreciate man! i'll check this out

1

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