London | 26-ITP-Jan | Zadri Abdule | Sprint 1 | Wireframe #1168

Zadri415 · 2026-02-10T15:29:13Z

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

Added three articles
Added a responsive layout, header, footer, improved accessibility

Fix links inconsistencies and remove ellipsis in HTML.

netlify · 2026-02-10T15:29:21Z

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	`017eca9`
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/698cdc329cbb4e0008c269b0
😎 Deploy Preview	https://deploy-preview-1168--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.

cjyuan · 2026-02-10T18:35:31Z

The Validation bot expects only modified files in the "Wireframe" folder.
However, there seems to be a "Module-Onboarding" folder in the top-level folder.

Can you delete that folder, make a commit, and push the commit to GitHub? If not, the Validation bot will not allow you to use the "Needs Review" label.

jenny-alexander

Hi @Zadri415 - you're wireframe exercise is done quite well. Nice work.

One item for you to review is the style of the the 'Read More' button. If you look at the wireframe exercise, you'll see that the button does not span the entire width of the container. Your button currently does. Can you make the adjustment?

jenny-alexander · 2026-02-11T13:06:07Z

Wireframe/index.html

+      </article>
+
+      <article>
+        <img src="https://i0.wp.com/digitalvarys.com/wp-content/uploads/2019/06/image-6.png?fit=640%2C257&ssl=1" alt="" />


This <img> tag is missing something important for screen readers. Can you find the empty attribute?

Hi Jenny - Thanks for pointing that out. I've added a description to the empty alt attribute.

Updated the alt attribute of an image to provide a description.

jenny-alexander · 2026-02-12T02:33:18Z

@Zadri415 Thanks for updating the alt text.

There are a few style issues to be corrected in order for your webpage to resemble the wireframe.

Zadri415 added 27 commits May 22, 2025 14:37

Add page title and description to header

014d290

Add README article with image, title, summary, and link

8f34547

Add wireframe article with image, title, summary, and link

e064199

Add article on Git branches with image, summary, and link

df7d18d

Add footer section to the webpage

4178b1f

style: Add body margin and padding for clean layout

d67d190

style: Tweak article image styles for better layout and responsiveness

1746f17

style: Add layout and border styling to header

4415e8b

style: Refine header typography for title and subtitle

801b703

Add universal box-sizing rule to CSS

cafa893

Style links: remove underline, inherit color, add smooth transition

57c0984

Add two-column grid layout with spacing

481dd13

Add customer class to README image for layout fix

ced0c2f

Update styles after reverting to placeholder image

fe0b86d

Remove README image

67d72c9

Revert article image styling to original

8746c7d

Add top border to footer

3b239c7

Remove global box-sizing rule

a58ebc4

Update footer text to 'Project Essentials. All rights reserved'

d418f7f

Remove font-size from header h1

af73c21

Remove font-size from header p

0efd589

Refine content for README, wireframe, and Git branch article sections

2239019

Update index.html

b7dcace

Fix links inconsistencies and remove ellipsis in HTML.

Merge branch 'CodeYourFuture:main' into feature/wireframe

d542636

Update wirframe: add article images with alt text and fix footer styling

fe9a39f

Merge branch 'CodeYourFuture:main' into feature/wireframe

6abb0c0

Merge branch 'CodeYourFuture:main' into feature/wireframe

3300b83

This comment has been minimized.

Sign in to view

Zadri415 added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Feb 10, 2026

This comment has been minimized.

Sign in to view

github-actions bot removed the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Feb 10, 2026

Update wireframe HTML and CSS

3c7c168

Zadri415 closed this Feb 10, 2026

Zadri415 added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Feb 10, 2026

Zadri415 reopened this Feb 10, 2026

This comment has been minimized.

Sign in to view

github-actions bot removed the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Feb 10, 2026

Zadri415 closed this Feb 10, 2026

Remove nested Module-Onboarding folder

9c843d1

Zadri415 reopened this Feb 10, 2026

Zadri415 added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Module-Onboarding The name of the module. labels Feb 10, 2026

jenny-alexander self-requested a review February 11, 2026 03:03

jenny-alexander 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 Feb 11, 2026

jenny-alexander reviewed Feb 11, 2026

View reviewed changes

jenny-alexander 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 Feb 11, 2026

Zadri415 added 3 commits February 11, 2026 17:36

Improve image alt text for accessibility

0daa25e

Updated the alt attribute of an image to provide a description.

Fix typo in transform property for button styles

ed60a25

Adjust grid layout for article links

017eca9

Zadri415 added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Feb 11, 2026

jenny-alexander removed the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Feb 12, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

London | 26-ITP-Jan | Zadri Abdule | Sprint 1 | Wireframe #1168

London | 26-ITP-Jan | Zadri Abdule | Sprint 1 | Wireframe #1168

Zadri415 commented Feb 10, 2026

Uh oh!

netlify bot commented Feb 10, 2026 •

edited

Loading

Uh oh!

This comment has been minimized.

This comment has been minimized.

cjyuan commented Feb 10, 2026

Uh oh!

This comment has been minimized.

jenny-alexander left a comment

Uh oh!

jenny-alexander Feb 11, 2026

Uh oh!

Zadri415 Feb 11, 2026

Uh oh!

jenny-alexander commented Feb 12, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

London | 26-ITP-Jan | Zadri Abdule | Sprint 1 | Wireframe #1168

Are you sure you want to change the base?

London | 26-ITP-Jan | Zadri Abdule | Sprint 1 | Wireframe #1168

Conversation

Zadri415 commented Feb 10, 2026

Learners, PR Template

Changelist

Uh oh!

netlify bot commented Feb 10, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for cyf-onboarding-module ready!

Uh oh!

This comment has been minimized.

This comment has been minimized.

cjyuan commented Feb 10, 2026

Uh oh!

This comment has been minimized.

jenny-alexander left a comment

Choose a reason for hiding this comment

Uh oh!

jenny-alexander Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Zadri415 Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

jenny-alexander commented Feb 12, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

netlify bot commented Feb 10, 2026 •

edited

Loading