Skip to content

London | 26-ITP-May | Edina Kurdi | Sprint 2 | Wireframe#1357

Open
edinakurdi wants to merge 13 commits into
CodeYourFuture:mainfrom
edinakurdi:feature/wireframe
Open

London | 26-ITP-May | Edina Kurdi | Sprint 2 | Wireframe#1357
edinakurdi wants to merge 13 commits into
CodeYourFuture:mainfrom
edinakurdi:feature/wireframe

Conversation

@edinakurdi
Copy link
Copy Markdown

@edinakurdi edinakurdi commented May 26, 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

Edited HTML and CSS to follow the wireframe, explained three concepts: wireframe, branch, and README

Questions

@netlify
Copy link
Copy Markdown

netlify Bot commented May 26, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 56b4f2b
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a1c6fd0d176940008c7b1c5
😎 Deploy Preview https://deploy-preview-1357--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
🤖 Make changes Run an agent on this branch

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

@github-actions

This comment has been minimized.

@edinakurdi edinakurdi added 📅 Sprint 2 Assigned during Sprint 2 of this module Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels May 26, 2026
@github-actions

This comment has been minimized.

1 similar comment
@github-actions

This comment has been minimized.

@github-actions github-actions Bot removed the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 26, 2026
@edinakurdi edinakurdi 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 May 26, 2026
@cjyuan cjyuan 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 May 30, 2026
Copy link
Copy Markdown
Contributor

@cjyuan cjyuan left a comment

Choose a reason for hiding this comment

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

Code is free of error and well formatted, and page layout is solid. Well done.

I only have a few requests.

  • Content becomes hard to read when they overlap (see pic). Can you address this issue?
Image

Comment thread Wireframe/style.css
Comment on lines 56 to 60
main {
max-width: var(--container);
margin: 0 auto calc(var(--space) * 4) auto;
padding: 0 8rem;
}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

There is another main selector at line 78. Consider merging the properties from both selectors into a single main rule to make them easier to find and maintain.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

I consolidated the two.

Comment thread Wireframe/index.html Outdated
Comment on lines +40 to +42
<p>
A branch in Git is like an alternative version of a project. When several developers work on the same project, separate branches help them avoid overriding each other's work. These branches then can be merged into the main branch through a pull request.
</p>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Breaking HTML text into multiple lines helps make the code easier to read, edit, and maintain while preserving the same rendered output.

VS Code formatter could be used to keep our code consistently formatted, including breaking long
lines of HTML text into multiple lines for easier editing and maintenance.

As a best practice, consider following this guide to enable VS Code's
"Format on Save" option or to use its "Format Document" command to ensure your code is always consistently formatted.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

I updated my VS code to automatically format using prettier and now the text is wrapped.

@cjyuan cjyuan 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 May 30, 2026
@edinakurdi
Copy link
Copy Markdown
Author

responding to:

  • Content becomes hard to read when they overlap (see pic). Can you address this issue?
    This has now been addressed by adding background to the footer (and a top border too)

@edinakurdi edinakurdi removed the Reviewed Volunteer to add when completing a review with trainee action still to take. label May 31, 2026
@edinakurdi edinakurdi added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 31, 2026
@cjyuan
Copy link
Copy Markdown
Contributor

cjyuan commented May 31, 2026

Changes look good. Well done.

@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 May 31, 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. Module-Onboarding The name of the module. 📅 Sprint 2 Assigned during Sprint 2 of this module

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants