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

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

netlifyBot commented Jun 6, 2026

Copy link
Copy Markdown

Deploy Preview for cyf-onboarding-module ready!

NameLink
🔨 Latest commit086fb6a
🔍 Latest deploy loghttps://app.netlify.com/projects/cyf-onboarding-module/deploys/6a23916104582d0008ed8ca0
😎 Deploy Previewhttps://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 changesRun an agent on this branch

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

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

@Luro91Luro91 left a comment

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 the code works as expected and easy to read.

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

}

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

@Luro91Luro91 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 freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CompleteVolunteer 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

@codebyra@Luro91