Responsive Signup Page with Email Confirmation: HTML, CSS & JS

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have a suggestion regarding your code that I believe will be of great interest to you.

LABELS 🔖:

• input elements wants a label associated with it, Currently you're using p element instead of label. I agree there's no visual difference between using these elements. But this will greatly affect accessibility!

• A <label> is used to create a caption for a form control. The <label> can be associated with a form control either implicitly by placing the control element inside the label element, or explicitly by using the for attribute

• Effective form labels are required to make forms accessible. The purpose of form elements such as checkboxes, radio buttons, input fields, etc, is often apparent to sighted users

• Even if the form element is not programmatically labeled. Screen readers users require useful form labels to identify form fields.

• Example:

<label for="email" class="email-address">Email address</label>
<input type="email" name="email" id="email" placeholder="[email protected]">

.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!