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

[Jay99-prog]

##Juanita | Wireframe PR 2

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	74b8117
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a2570b973725e00088cf4bb
😎 Deploy Preview	https://deploy-preview-1423--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: 100 (no change from production) SEO: 91 (🟢 up 5 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.

[cjyuan]

• When a wireframe is provided, our implementation should closely reflect its appearance and layout to ensure consistency with design expectations. To better match the wireframe, can you update the CSS to ensure

  • The page title and the text beneath it are centered on the page.
  • Articles 2 and 3 are placed side by side (with article 2 to appear on the left of article 3) beneath article 1
  • The footer content is centered
  • Article title is placed beneath the article image

• One of the acceptance criteria, "The page footer is fixed to the bottom of the viewport", has not yet been satisfied. Can you make the necessary change? (Suggestion: Ask AI what that requirement means).

[cjyuan]

Code is not yet consistently indented.

Could you look up the benefits of using a code formatter? I strongly recommend following this guide
to enable VS Code's "Format on Save" option or use its "Format Document" command. This will help ensure your code is consistently formatted and easier to read and maintain.