Sheffield | 26-Jan-ITP | Mona_Eltantawy | Sprint 1 | Wireframe

[Mona-Eltantawy]

Self checklist

• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• [x ] My changes meet the requirements of the task
• [x ] I have tested my changes
• [x ] My changes follow the style guide

Changelist

• Semantic HTML tags( like: article, div, img) are used to structure the webpage.
• Added header includes a title and description to the page.
• three unique articles, each including a title, summary, and a link has been added to the articles section.
• Fixed the page footer to the bottom of the viewport.
• The linked .css style file changed to fit the html file.
• added properly committed and pushed to a branch on GitHub.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	fd873a2
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/69754bc08457e30008043741
😎 Deploy Preview	https://deploy-preview-1053--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: 97 (🔴 down 3 from production) Best Practices: 100 (no change from production) SEO: 86 (no change from production) PWA: - View the detailed breakdown and full score reports

---

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

[cjyuan]

• Some of the checkboxes in the PR description are not yet properly encoded in Markdown syntax. Can you fix the Markdown syntax?

• Lighthouse accessibility score is 92. Can you improve the score to 100?

  • Reason given by Lighthouse: Background and foreground colors do not have a sufficient contrast ratio.

• There are some minor consistency issues in index.html.

  • Suggestion: share your code to an AI tool and ask it to review your code in terms of semantic, accessibility, typo, and consistency. It can often help us catch errors, improve consistency, and reinforce best practices.