Manchester | 26-ITP-Sep | Gustarv Nchitu | Sprint 1 | Form Controls

[Jestavo1]

Learners, PR Template

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

TaskCode

CYF-1004

Changelist

-I created css file
-i created html forms
-i used semantic html

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	7dccd6a
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6ab40bdaeb714500080dffa4
😎 Deploy Preview	https://deploy-preview-1533--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: 86 (no change 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.

[cjyuan]

• Code looks good and well formatted.

• It looks slightly inconsistent to have a label for size input but nothing for the radio buttons. Could you use an AI to find out how you could improve the design?

• The PR template has a "Changelist" section heading. Could you restore it in your PR description?

[cjyuan]

The style sheet filename is typically spelled style.css.

[cjyuan]

Could you rename the CSS file to style.css?

[iscmiguelsamaniego]

Fantastic CSS! Could you please kindly check the filename styel.css in your link tag? Renaming it to style.css will ensure it loads correctly. Great work—approved!

[iscmiguelsamaniego]

Great form structure! Quick check: take a second look at your stylesheet link (styel.css). Also, why might grouping fields with <fieldset> and <legend> improve accessibility?

[iscmiguelsamaniego]

Fantastic CSS! The gradients and focus states look very clean.

Quick question: your text inputs use width: 100%, but the <select> dropdown doesn't. How might adding width: 100% to the <select> improve visual consistency?

[cjyuan]

@Jestavo1 Could you also respond to all comments in addition to making change?
Suggestion: Use AI to explore "how to respond to comments in a PR".

If you could address and respond to all my previous comments, I would mark this PR as "Complete".

Note: To create unordered list item in Markdown, you need to include a space between - and the item's text. Space matter in Markdown syntax

@iscmiguelsamaniego Thanks for giving additional feedback. I think the usual practice in ITP is to have only one reviewer per PR.