Skip to content

Manchester | 26-ITP-May | Yee Man Tsang | Sprint 1 | Form Controls#1390

Open
lintsang wants to merge 11 commits into
CodeYourFuture:mainfrom
lintsang:feature/form-controls
Open

Manchester | 26-ITP-May | Yee Man Tsang | Sprint 1 | Form Controls#1390
lintsang wants to merge 11 commits into
CodeYourFuture:mainfrom
lintsang:feature/form-controls

Conversation

@lintsang
Copy link
Copy Markdown

@lintsang lintsang commented Jun 1, 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

I made sure the corresponding sprint exercise was submitted to this PR.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jun 1, 2026

Deploy Preview for cyf-onboarding-module ready!

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

@lintsang lintsang added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jun 1, 2026
@akeren akeren added Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Jun 1, 2026
@akeren akeren self-requested a review June 1, 2026 16:29
h1{
font-family: 'Times New Roman', Times, serif;
font-size: 1.5rem;
}
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@lintsang, please provide a breathing line after each element as you've done for the others like fieldset and legend.

Comment thread Form-Controls/css/style.css Outdated
Comment on lines +23 to +24


Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@lintsang, these empty lines of code can be removed; hence, it does not add value to your implementation. This rather consumes memory unnecessarily.

border-radius: 0.3em;


}
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@lintsang, the same breathing space should apply to closing the legend element before starting the next target element.

padding: 0.5em 3em;
display: grid;
grid-template-columns: 2fr 4fr;
}
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@lintsang the breathing space after the closing of the element before starting input.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

I have learnt about the importance of cleanliness and tidiness of css coding. Many thanks!

Comment thread Form-Controls/index.html
<title>My Sprint 1 form controls exercise</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/style.css">
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Learning note: This stylesheet link is valid in modern HTML5 without type="text/css" because browsers infer the file type from rel="stylesheet". However, you may also see the fuller version:

<link rel="stylesheet" type="text/css" href="css/style.css">

The type="text/css" part explicitly says the linked file is CSS. It is not required in modern HTML, but it is useful to understand what it means.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

Thanks for teaching me this!

Comment thread Form-Controls/index.html Outdated
Comment on lines +18 to +19
<legend>
Person name and email</legend>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@lintsang, could you consider formatting this to one line to enable it to follow the same coding style as you've done for the rest of the HTML tags?

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

I have also updated this line. Thanks!

@akeren akeren added Complete Volunteer to add when work is complete and all review comments have been addressed. Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. Complete Volunteer to add when work is complete and all review comments have been addressed. labels Jun 1, 2026
@lintsang lintsang added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jun 1, 2026
@akeren akeren added Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Reviewed Volunteer to add when completing a review with trainee action still to take. labels Jun 1, 2026
@akeren akeren added Complete Volunteer to add when work is complete and all review comments have been addressed. Module-Onboarding The name of the module. and removed Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. labels Jun 1, 2026
@akeren akeren added the 📅 Sprint 1 Assigned during Sprint 1 of this module label Jun 1, 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. Module-Onboarding The name of the module. 📅 Sprint 1 Assigned during Sprint 1 of this module

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants