Skip to content

West Midlands | ITP-January-2026 | Jonathan Boahene | Sprint 1 | Wireframe#1035

Open
Abayie wants to merge 10 commits intoCodeYourFuture:mainfrom
Abayie:feature/wireframe
Open

West Midlands | ITP-January-2026 | Jonathan Boahene | Sprint 1 | Wireframe#1035
Abayie wants to merge 10 commits intoCodeYourFuture:mainfrom
Abayie:feature/wireframe

Conversation

@Abayie
Copy link

@Abayie Abayie commented Jan 24, 2026

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

Wireframe coursework around semantic html structure

Questions

No questions

@netlify
Copy link

netlify bot commented Jan 24, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit a2bb6ce
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6999c9ef063cd50008256ae7
😎 Deploy Preview https://deploy-preview-1035--cyf-onboarding-module.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
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.

@Abayie Abayie added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jan 24, 2026
@illicitonion illicitonion added Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Jan 27, 2026
Copy link
Member

@illicitonion illicitonion left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This generally looks good, but your footer is a bit off - compare what it looks like in the wireframe to your website - they look a bit different. Can you debug?

<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
</article>
<article>
<img src="placeholder.svg" alt="" />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You've left the alt attribute of these <img> tags empty. Sometimes that's the right thing to do, but only in very specific circumstances - can you talk through why you think they should be empty here?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I left the alt attributes empty because these images are currently decorative placeholders and don’t convey any meaningful content or functionality to users, so they’re intentionally hidden from screen readers to avoid noise

</p>
<a href="https://www.coursera.org/gb/articles/wireframe">Read more</a>
</article>
<article>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice use of semantic HTML tags throughout this PR!

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you

body {
display: flex;
flex-direction: column;
min-height:100vh;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This line looks formatted slightly differently to the others - the others have spaces after the :s and this doesn't - can you fix that up? Maybe there is some tooling which can help us automatically format files - worth some research!

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I’ve updated the spacing to match the rest of the file for consistency.

I’ll also look into adding an auto-formatter (e.g. Prettier) to keep styling consistent across the project going forward, I have had prettier but not sure why that wasn't formatted earlier

@illicitonion illicitonion added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. labels Jan 27, 2026
@Abayie Abayie added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Feb 20, 2026
@Abayie
Copy link
Author

Abayie commented Feb 20, 2026

This generally looks good, but your footer is a bit off - compare what it looks like in the wireframe to your website - they look a bit different. Can you debug?

In the past I tried to show the footer in the viewport

@Abayie Abayie removed the Reviewed Volunteer to add when completing a review with trainee action still to take. label Feb 21, 2026
@cjyuan
Copy link
Contributor

cjyuan commented Feb 21, 2026

Changes look good. It seems all comments have been addressed.

@cjyuan cjyuan added Complete Volunteer to add when work is complete and all review comments have been addressed. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Feb 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Complete Volunteer to add when work is complete and all review comments have been addressed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants