Skip to content

Sheffield | May2025 | Waleed Salih Taha| wireframe #617

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

Bluejay600
Copy link

Learners, PR Template

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
  • My changes follow the style guide
  • My changes meet the requirements of this task

Changelist

implementation of the wireframe exercise

Questions

Ask any questions you have for your reviewer.

Copy link

netlify bot commented May 24, 2025

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit a7dd45a
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/683ea987cb38f0000866c3d8
😎 Deploy Preview https://deploy-preview-617--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: 99 (🔴 down 1 from production)
Accessibility: 97 (🔴 down 3 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.

@Bluejay600 Bluejay600 added the Needs Review Participant to add when requesting review label May 24, 2025
2. and published a brunch
3. commited the brunch
4. added CSS styling to the code
Copy link
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.

  1. According to the W3C Markup Validation Service, there is a syntax error in your HTML code. Can you fix it?

  2. When a wireframe is provided, our implementation should closely reflect its appearance and layout to ensure consistency with design expectations. You're off to a solid start. To better align with the wireframe, can you center the page title, the short description beneath the title, and the text in the footer?

Comment on lines 54 to 59
A Git branch represents an independent line of development from the main codebase.
By default, Git projects start with a main branch called "master".
When you create a new branch, you're making a parallel version that you can
work on without impacting that main code.
It's like having alternate realities! The master branch represents the production version
that your users see. And feature branches represent experimental states that aren't ready to go live.
Copy link
Contributor

Choose a reason for hiding this comment

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

This text is not properly indented.

You can use VSCode's "Format Document" feature to format your code for better readability and consistency.
To use the feature, right-click inside the code editor and select the option.
Please note that if there are syntax errors in the code, the "Prettier" extension may not format HTML code properly.

@cjyuan cjyuan added Reviewed Volunteer to add when completing a review and removed Needs Review Participant to add when requesting review labels May 29, 2025
@Bluejay600 Bluejay600 added the Needs Review Participant to add when requesting review label May 31, 2025
@cjyuan
Copy link
Contributor

cjyuan commented Jun 1, 2025

You changed the label but I don't see any new commits being pushed to Github. Did you forget to push you changes to Github?

The preview page https://deploy-preview-617--cyf-onboarding-module.netlify.app/wireframe/ remains unchanged.

@cjyuan cjyuan removed the Needs Review Participant to add when requesting review label Jun 1, 2025
@Bluejay600 Bluejay600 added the Needs Review Participant to add when requesting review label Jun 2, 2025
@cjyuan
Copy link
Contributor

cjyuan commented Jun 2, 2025

I still don't see any new changes committed to this branch. Did you push your changes made on your computer to Github?

The most recent commit on this branch was made on 29 May.
image

@cjyuan cjyuan removed the Needs Review Participant to add when requesting review label Jun 2, 2025
2. Uses shadows, spacing, and padding for a clean UI.
3. Stack layout on small screens with readable fonts.
4. Ensures placeholder images don't stretch.
5. Adds interactivity and polish without overcomplicating.
6. Responsive structure hooks (classes + semantics).
7.Improved accessibility (alt text, external link behavior).
8. Semantic improvements (removed unnecessary <header> inside <article>).
@Bluejay600 Bluejay600 added the Needs Review Participant to add when requesting review label Jun 3, 2025
@cjyuan
Copy link
Contributor

cjyuan commented Jun 3, 2025

Page nicely styled.

  1. When a wireframe is provided, our implementation should closely reflect its appearance and layout to ensure consistency with design expectations. Can you layout the articles to match the wireframe layout. That is, to make the page look something like this:
    image

  2. One of the acceptance criteria, "The page footer is fixed to the bottom of the viewport", has not yet been satisfied. Can you make the necessary change? (Suggestion: Ask ChatGPT what that requirement means).

@cjyuan cjyuan removed the Needs Review Participant to add when requesting review label Jun 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Reviewed Volunteer to add when completing a review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants