Skip to content

London | May - 26 | Vito Moratti | Sprint 1 | Form-Controls#1372

Open
vmoratti wants to merge 1 commit into
CodeYourFuture:mainfrom
vmoratti:feature/form-controls
Open

London | May - 26 | Vito Moratti | Sprint 1 | Form-Controls#1372
vmoratti wants to merge 1 commit into
CodeYourFuture:mainfrom
vmoratti:feature/form-controls

Conversation

@vmoratti
Copy link
Copy Markdown

Learners, PR Template

Self checklist

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

Changelist

After long struggle and then help from classmate. I am hopping to finally submit it.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 30, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 4410fab
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a1acc1022439a0008cf0a2e
😎 Deploy Preview https://deploy-preview-1372--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.

@vmoratti vmoratti added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels May 30, 2026
@cjyuan
Copy link
Copy Markdown
Contributor

cjyuan commented May 30, 2026

image

Note: There are special Markdown syntax for formatting checkboxes on GitHub.
Checkout this GitHub tasklist (list of check boxes) guide:
https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/about-tasklists

Copy link
Copy Markdown
Contributor

@cjyuan cjyuan left a comment

Choose a reason for hiding this comment

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

Code is error free and well formatted. Well done. I just have one request and some comments.

Note: If you haven't yet enabled "Format on save" on VS Code, consider following this guide to enable VS Code's
"Format on Save" option or to use its "Format Document" command to ensure your code is always consistently formatted.

Comment thread Form-Controls/index.html
<fieldset>
<legend style="font-weight: bold;">Name and Email address</legend><!--Adding <legend> element for accessibility purposes-->
<label for="name">Name</label>
<input type="text" id="name" name="name" required><br><br><!--Input field for name, making it required-->
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

The spec has this requirement

What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.

Can you update this input field to enforce that requirement?

Comment thread Form-Controls/index.html
Comment on lines +30 to +32
<label for="Blue">
<input type="radio" id="Blue" name="colour" required>Blue
</label>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Note: If you embed <input> within <label>, use of id and for attributes are optional.

Comment thread Form-Controls/index.html


<fieldset>
<legend style="font-weight: bold;">Please select a colour for your T-Shirt</legend>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Note: Best practice is to move the CSS into an external .css file instead using inline CSS or embedding them within the HTML document. This improves maintainability, keeps the markup cleaner, and makes it easier to locate, update, and reuse styles across multiple pages.

No change is needed for this exercise.

@cjyuan cjyuan added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels May 30, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Reviewed Volunteer to add when completing a review with trainee action still to take.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants