Responsive intro component with signup form

Solution retrospective
It's been a while since I used js, handling form inputs and validation took the longest time because of that. Tried to use regex to validate email, every solution I looked at is long and almost illegible, hope I can write and understand complex regex in the future Q-Q
Please log in to post a comment
Log in with GitHubCommunity feedback
- @UrbanskiDev
Hello dia !
Congratulation for finishing this project
I have some suggestion for you :
-
You have some problems with your javascript, when I tried it with the preview site link, it returns in the console dev tool an error
Uncaught TypeError: inputs.email is undefined
-
I've found a website which can help you to understand better how to create regex, while testing them, I give you the link below :
-
For the password specifications, maybe you can try to make it explicit by showing it to the users to know what are the requirements to make a valid password on this page.
-
You can make the effect hover of your button a bit smoother by adding a little transition :
.form__button { border: none; text-transform: uppercase; background-color: var(--btn-clr); color: white; font-weight: 600; letter-spacing: 1.25px; padding: 1rem 2rem; border-radius: 5px; cursor: pointer; box-shadow: 0px 5px 0px hsl(154, 59%, 42%); text-shadow: var(--text-shadow); transition: ease-in-out 0.3s; }
I also give you a link about transitions when hovering a button :
I hope it helps you, keep learning and happy coding!
Marked as helpful -
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