Manchester | ITP - Jan - 2026 | Mehroz Munir | Sprint 1 | Wireframe to Web Code

[MehrozMunir]

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 have followed the wireframe design and the code already given in the wireframe folder to create three sections just like in wireframe. The display style of the main tag was set to grid to create sections. The three sections were created using semantic tag

in HTML and the first child was set the value of span 2 to cover the whole screen just like shown in the wireframe.
Placeholder images were changed on the page according to the sections. The footer was overlaying and fixed by removing its fixed position in CSS file.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	8363d03
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/696e989f75cdd0000801e8e6
😎 Deploy Preview	https://deploy-preview-991--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

---

To edit notification comments on pull requests, go to your Netlify project configuration.