Cape Town | 2026-ITP-May | Juanita Nwachukwu | Sprint 2 | Wireframe to Web Code

[Jay99-prog]

Juanita Nwachukwu | Sprint 2 | Wireframe to Web Code

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 updated the webpage by replacing placeholder content with structured semantic HTML. I added three articles as required, each including an image, title, summary, and link. I improved accessibility by adding alt text to images and ensured the layout followed the wireframe requirements.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	de0ae2e
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a2442a9c9123700088797e5
😎 Deploy Preview	https://deploy-preview-1415--cyf-onboarding-module.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	2 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 96 (🔴 down 4 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.

[Jay99-prog]

Needs Review

[Jay99-prog]

Needs Review

[cjyuan]

You need to delete the placeholder text, "Briefly explain your PR." from your PR description to pass the Validation Bot check.

[cjyuan]

• You did a good job keeping your code error-free. However, the W3C Validator (https://validator.w3.org/) identifies a warning in your code. Could you revise your code to resolve this warning?

---

• When a wireframe is provided, our implementation should closely reflect its appearance and layout to ensure consistency with design expectations. To better align with the wireframe, here are a few areas where the layout and appearance could be refined:

  • The page title and the text beneath it should be centered.
  • Articles 2 and 3 should appear side by side beneath article 1, and the left and right edges of the article 1 should align with the left edge of the article 2 and the right edge of the article 3.
  • The footer content should be centered.

  Could you adjust the CSS to better match the wireframe's appearance and layout?

---

• Current implementation does not yet meet this requirement:

  The articles section contains three distinct articles, each with its own unique image, title, summary, and link.

  The articles should have different images and their links should respectively point to the relevant resource.

[cjyuan]

No new commits on this branch on GitHub yet. If you had committed changes on your computer, you would also need to push (sync) the commits to GitHub.

Also, check if you have committed the changes to the correct branch.