London | May-2025 | Hendrine Zeraua| Wireframe

[rarityXtreme]

Self checklist

• I have committed my files one by one, on purpose, and for a reason
• I have titled my PR with REGION | COHORT_NAME | FIRST_NAME LAST_NAME | PROJ_NAME
• I have tested my changes
• I My changes follow the style guide
• I My changes meet the requirements
  of this task

---

Changelist

• This PR adds a new wireframe webpage that demonstrates the structure of a well-organized HTML document using
  semantic elements. It includes:
• A header with a title and description.
• Three unique article elements inside main, each with an image, heading, paragraph, and link.
• A fixed footer at the bottom of the page.
• External CSS for styling with improved contrast and accessibility.

Questions
No questions at this time.
.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	6981afb
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/683dacd58e8e7800083e8a73
😎 Deploy Preview	https://deploy-preview-562--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: 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.

[jenny-alexander]

@rarityXtreme - The information you provided on your webpage is great. Your page title, page description and footer are styled according to the wireframe. 👍

However, the main content of the page needs to be styled as close to the wireframe as possible. 👀 Notice how the main content has an article that takes up a large portion of the page (centered) and then the two other articles are centered underneath the first article?

• Try your best to style it like this:
  

[jenny-alexander]

This is looking much closer to the wirefreame now. 👍

I think you can still get it closer to the exercise requirements.

• the width of the 2 bottom articles should span the same width as the top article. Currently, your bottom two articles are spanning wider than the top article.
• The short description underneath the page title is a bit too wide. Can you shorten your description a bit?

[rarityXtreme]

Hi Jenny, sorry I didn't realise I could comment here until a couple of hours ago. Thank you for reviewing my wireframe and for the clear instructions as to what I had to amend to get the project right.