London | 26-ITP-May | Rhoda Ajiroba | Sprint 2 | Wireframe

[codebyra]

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

This PR completes the wireframe task by adding the HTML structure, CSS grid layout, accessibility improvements, and validation fixes.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

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

[codebyra]

@cjyuan please can you review my work?

[cjyuan]

• To better match the wireframe, position the page title to match its position in the wireframe. There should also be a "short description" beneath the title.

• Can you update the images and links to meet a requirement that the articles should have distinct images and links?

[cjyuan]

Can you also restore the "Changelist" header in the PR description? It's a level 2 header that looks like this:

Changelist

---

Your formatting is already very good. Using a formatter with "Format on Save" would save you time, ensure 100% consistency, and automatically
clean up things like trailing whitespace and unnecessary empty lines. This also helps keep Git diffs and pull requests cleaner by reducing
formatting-only changes, making it easier to review the actual code changes.

For more info about enabling "Format on save" option on VS Code, please refer to this guide.

---