contact-form

What are you most proud of, and what would you do differently next time?

Learning point:

1. styling checkbox and radio inputs while remaining their accessibility.
2. built-in form validation. Some pitfalls:

• no "pattern" attribute on textarea elements.
• pseudo-class :out-of-range not applicable on scenario of text type with minlength and maxlength, only works on number type with min and max.

3. first time styling a form as complicated as this one.
4. some styling consideration on if setting as grid. The legend width decreased but I still don't know why, and setting text-wrap: no wrap can somewhat make it work.

Aria-labels to let screen readers announce the error message were not yet learned and practiced, but maybe later.