Cape Town | 25-Sep-ITP | Raees Stevens | Sprint 1 | Form Controls

[RaeesStevens]

Cape Town | 25-Sep-ITP | Raees Stevens | Sprint 1 | Form Controls

Self checklist

• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• My changes meet the requirements of the task
• I have tested my changes
• My changes follow the style guide

Task code

CYF-1004

Changelist

Created a form
Added inputs and labels for customer name and email, t-shirt colours and sizes.
Basic form styling using CSS.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	942d555
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6aa70f938d4064000833a2f6
😎 Deploy Preview	https://deploy-preview-1518--cyf-onboarding-module.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	2 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 83 (🔴 down 3 from production) PWA: - View the detailed breakdown and full score reports
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[valentina-starr1]

Thank you for your submission. The following are a quick summary of the fixes needed before this PR can be merged. In Form-Controls/index.html, please remove the extra "X" option from the size dropdown so it matches the required 6 options, and add a pattern attribute (pattern=".[^\s].[^\s].*") to the name input to enforce at least two non-space characters. Additionally, improve the form's semantics and accessibility by moving the size dropdown and submit button outside of the color

, and update the size label to use for="size". Finally, please fix the typo in Form-Controls/README.md on line 43 ("JavaScrip" -> "JavaScript"). Once these four items are updated, this will be good to go.