Signup Form Using CSS Grid and Javascript

Hi DarkDev56,

Congratulation on completing this frontend mentor challenge. Your solution looks great. I have some suggestions regarding your solution:

• Forms with proper inputs and labels are much easier for people to use. To pair the label and input, one way is an explicit label’s for attribute value must match its input’s id value. Input fields without accompanying labels can lead to accessibility issues for those who rely on screen readers. If a screen reader comes across an input field without a label it will try to find some accompanying text to use as the label. (To hide the label visually but present for assistive technology, you may use sr-only class ).

• The aria-live attribute is set on that error message class="error-textto make sure that error message will be presented to everyone, including it being read out to ** screen reader users**.

• Really important to keep css specificity as low/flat as possible. It’s not recommended use the id's to target the DOM elements for styling purposes , using ID's creates problems due to the specificity , better to use class so that it could be more manageable and reusable.

Hopefully this feedback helps.

Hello DarkDev congrats on finishing the challenge!

First it impress me a lot that you used a div instead of a form then I came up and read up your solution comment and now I know why you did it!

If you want to remove the default validation from your form you just have to use the novalidate prop on your <form> tag!, try using it and tell me how it goes, I want to see your solution with an actual form instead of a div!

Hope my answer did help you!