Cape Town | May-ITP-26 | Enice Mutanda | Sprint 2 | WireFrame

[Enice-Codes]

Learners, PR Template

Self checklist

[× ]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

• Changed image
• fixed footer positioning
• used CSS Grid to style layout
• Added semantic HTML structure
• Improved layout

Questions

I do not have any questions

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	8a70e00
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a1ad1d6e989f7000835282f
😎 Deploy Preview	https://deploy-preview-1359--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: 90 (🔴 down 10 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.

[cjyuan]

The checkboxes in the PR description are not yet correctly checked in Markdown syntax. Can you fix them?
To learn more about GitHub tasklist (list of check boxes), please refer to this article:
https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/about-tasklists

[cjyuan]

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

• 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).

• Good progress on the page layout. To better match the wireframe, can you center the text beneath the title? (In the wireframe, the "A SHORT DESCRIPTION" beneath the page title is centered.)

[cjyuan]

Indentation is off.

As a best practice, 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.

[cjyuan]

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]

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?