Skip to content

London | 26-ITP-May | Rhoda Ajiroba | Sprint 1|Form Controls#1419

Open
codebyra wants to merge 8 commits into
CodeYourFuture:mainfrom
codebyra:feature/form-controls
Open

London | 26-ITP-May | Rhoda Ajiroba | Sprint 1|Form Controls#1419
codebyra wants to merge 8 commits into
CodeYourFuture:mainfrom
codebyra:feature/form-controls

Conversation

@codebyra
Copy link
Copy Markdown

@codebyra codebyra commented Jun 6, 2026

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

Changelist

This PR adds the completed Form Controls exercise.
It includes:

A customer details section with validated name + email fields

A T‑shirt options section with exactly 3 colours and 6 sizes

All fields marked as required

No JavaScript used

Basic CSS styling for layout and readability

HTML and CSS updated to pass W3C validation

@netlify
Copy link
Copy Markdown

netlify Bot commented Jun 6, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 086fb6a
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a23916104582d0008ed8ca0
😎 Deploy Preview https://deploy-preview-1419--cyf-onboarding-module.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
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.

@codebyra codebyra added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jun 6, 2026
@Luro91 Luro91 added the Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. label Jun 6, 2026
Copy link
Copy Markdown

@Luro91 Luro91 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well done the code works as expected and easy to read.

Comment thread Form-Controls/index.html
id="name"
name="name"
required
pattern=".*\S.*\S.*"
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well done on the validaiton

Comment thread Form-Controls/style.css
}

form {
max-width: 400px;
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The styling looks quite nice. A small detail that you could improve (but don't have to) is to take a look at the text inputs. They are overflowing the form border a bit

Image

@Luro91 Luro91 added Complete Volunteer to add when work is complete and all review comments have been addressed. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. labels Jun 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Complete Volunteer to add when work is complete and all review comments have been addressed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants