Skip to content

London | 26-ITP-May | Chun Yan Wong | Sprint 2 | Wireframe#1376

Open
cywong-dev wants to merge 2 commits into
CodeYourFuture:mainfrom
cywong-dev:sprint2-branch
Open

London | 26-ITP-May | Chun Yan Wong | Sprint 2 | Wireframe#1376
cywong-dev wants to merge 2 commits into
CodeYourFuture:mainfrom
cywong-dev:sprint2-branch

Conversation

@cywong-dev
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

I completed the changed based on the requirement

@netlify
Copy link
Copy Markdown

netlify Bot commented May 30, 2026

Deploy Preview for cyf-onboarding-module ready!

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

@cywong-dev cywong-dev added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 30, 2026
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.

  • According to https://validator.w3.org/, there are errors in your code. Can you fix them?

  • To better match the layout in the wireframe, can you make the title and the "Read More" links in articles 2 and 3 fully aligned horizontally?

Image
  • Note: If you have not 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 Wireframe/index.html
</header>
<main>
<article>
<img src="readme.svg" alt="" />
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.

Providing meaningful alt text is important because it ensures images are accessible to people using screen readers and also helps when images
fail to load, giving users essential context about the content or function of the image.

Can you give a more descriptive alt value to all images?

Comment thread Wireframe/index.html
Comment on lines +14 to +24
<ul>
<li>
What is the purpose of a README file?
</li>
<li>
What is the purpose of a wireframe?
</li>
<li>
What is a branch in Git?
</li>
</ul>
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 wireframe has a "page title" instead of an unordered list. In addition, in the wireframe the page title and the text beneath it are centered.

Comment thread Wireframe/index.html
Comment on lines +64 to +66
<p>
By ChunyanWong HOMEWORK FOR WIREFRAME SOLUTION
</p>
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.

  • To better match the wireframe, can you keep the footer content centered?

  • Currently the footer content and the article content could overlap. Can you find a way to prevent it from happening?

Comment thread Wireframe/style.css
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.

There are two main selectors in this file. Consider merging the properties from both selectors into a single main rule to make them easier to find and maintain.

@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