Skip to content

Conversation

@FAprogrammerO
Copy link

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

This PR includes modifications to the HTML and CSS to create a webpage that follows the provided wireframe layout.
The webpage explains the purpose of a README file and the wireframe, aswell as the meaning of a branch in Git, with each topic presented as an article section.

Questions

/

<!--

You must title your PR like this:

Region | Cohort | FirstName LastName | Sprint | Assignment Title

For example,

London | 25-ITP-May | Carol Owen | Sprint 1 | Alarm Clock

Fill in the template below - remove any sections that don't apply.

Complete the self checklist - replace each empty box in the checklist [ ] with a [x].

Add the label "Needs Review" and you will get review.

Respond to volunteer reviews until the volunteer marks it as "Complete".

-->

## Learners, PR Template

Self checklist

- [x] I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
- [x] My changes meet the requirements of the task
- [x] I have tested my changes
- [x] My changes follow the [style guide](https://curriculum.codeyourfuture.io/guides/reviewing/style-guide/)

## Changelist

This PR includes modifications to the HTML and CSS to create a webpage that follows the provided wireframe layout.
The webpage explains the purpose of a README file and the wireframe, aswell as the meaning of a branch in Git, with each topic presented as an article section.

## Questions

/
@netlify
Copy link

netlify bot commented Jan 20, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit f9daf80
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/697909380eb45a0008514347
😎 Deploy Preview https://deploy-preview-999--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.

@FAprogrammerO FAprogrammerO added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. 📅 Sprint 1 Assigned during Sprint 1 of this module labels Jan 20, 2026
@jenny-alexander jenny-alexander self-requested a review January 27, 2026 04:17
@jenny-alexander 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 Jan 27, 2026
Copy link
Contributor

@jenny-alexander jenny-alexander left a comment

Choose a reason for hiding this comment

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

Hey @FAprogrammerO - you put in some really good work for this wireframe exercise!

There are a few adjustments that should be made, including:

  • Can you run your page through W3 validator: https://validator.w3.org/
    I see an error in your html and this validator will display it to you.
  • It's a good idea to format your code so it's easier to read and maintain. You can do this in VSCode, by right-clicking within index.html and choosing Format Document.

<title>Wireframe to Web Code|Coursework</title>
<link rel="stylesheet" href="style.css" />

<style>
Copy link
Contributor

@jenny-alexander jenny-alexander Jan 27, 2026

Choose a reason for hiding this comment

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

According to the exercise acceptance criteria, all of the styling should be done within the CSS file. I see you added styling within the index.html file. Can you make the adjustment?

Copy link
Author

Choose a reason for hiding this comment

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

Done ✅

<a href="">Read more</a>
</article>
</main>
<section class="article-block">
Copy link
Contributor

Choose a reason for hiding this comment

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

I noticed you switched out the <article> for <section>. Was there a reason for doing this?

Copy link
Author

Choose a reason for hiding this comment

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

I switched from article for section to group the articles together, but now after you mentioned that I found out that it wasn't necessary.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
voluptates. Quisquam, voluptates.
</p>
<a href="">Read more</a>
Copy link
Contributor

Choose a reason for hiding this comment

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

According to the wireframe exercise, each article should have a 'Read more' link (styled as a button) that will bring the user to an article about that topic. Can you add this back?

Copy link
Author

Choose a reason for hiding this comment

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

Done ✅

@jenny-alexander 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 Jan 27, 2026
@FAprogrammerO FAprogrammerO added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. and removed Reviewed Volunteer to add when completing a review with trainee action still to take. labels Jan 27, 2026
@jenny-alexander
Copy link
Contributor

@FAprogrammerO - Great job incorporating code feedback! Your page looks great. 🙌

@jenny-alexander jenny-alexander 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 Jan 28, 2026
@FAprogrammerO
Copy link
Author

FAprogrammerO commented Jan 28, 2026

Thank you so much @jenny-alexander for your time, and provide such valuable feedback, your suggestions really helped me improve my page 🙏🎉

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. 📅 Sprint 1 Assigned during Sprint 1 of this module

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants