Manchester|25-ITP-Sep |Mahtem Mengstu|Sprint 1|Wireframe to Web Code

[Mahtem]

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

Changelist

The webpage has been designed using different HTML tags so as to display three different articles and styled using
csss styling.

Questions

So far no question.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	97281a1
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/68e12bfd765e2500083b8365
😎 Deploy Preview	https://deploy-preview-809--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: 89 (🔴 down 11 from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 84 (🔴 down 2 from production) PWA: - View the detailed breakdown and full score reports

---

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

[LonMcGregor]

I think maybe you need to review the readme to see exactly what this task is asking. We are expecting 3 articles about certain topics

[Mahtem]

I think maybe you need to review the readme to see exactly what this task is asking. We are expecting 3 articles about certain topics

Thank you for your efforts, I have now read and prepared according to the requirements in the README file. And have prepared three articles.

[LonMcGregor]

Good start on this sprint's tasks, I have spotted somewhere you could improve code further

[LonMcGregor]

One of the acceptance criteria for this task is making sure the footer is fixed to the viewport. Do you know what that means? Can you fix that?

[Mahtem]

Thank you, I have fixed the footer to the view port.

[LonMcGregor]

The footer is fixed to the viewport, and the background helps to ensure it is readable.However,now when I scroll all the way to the bottom, it kind of blocks the text and buttons that are there. Can you think of any change to do with the spacing on the page to ensure that when I scroll to the bottom, I can see the full content of the page, while still having the footer visible below that?

[Mahtem]

The footer is fixed to the viewport, and the background helps to ensure it is readable.However,now when I scroll all the way to the bottom, it kind of blocks the text and buttons that are there. Can you think of any change to do with the spacing on the page to ensure that when I scroll to the bottom, I can see the full content of the page, while still having the footer visible below that?

Thank you. I have tried to make the footer static, so the it stays below main content without overlapping with the texts and buttons. Apologies for my late reply.

[LonMcGregor]

@Mahtem The issue I'm seeing is that the article links are sitting behind the footer. Is there any way to bump them upwards so that when the page is scrolled all the way to the bottom, they are visible?

[Mahtem]

@Mahtem The issue I'm seeing is that the article links are sitting behind the footer. Is there any way to bump them upwards so that when the page is scrolled all the way to the bottom, they are visible?

@LonMcGregor , Thank you, I have introduced height attributed and made it to be 640px, and the links are now bumped upwards.

[LonMcGregor]

Great! that works - you are finished with this sprint task now

[Mahtem]

Great! that works - you are finished with this sprint task now

Thank you so much for your quick replies. Would you please review the following PR too #875? I need to submit it to my Step -1 this night as the deadline is approaching. I would appreciate it!!