Skip to content

London | 25-ITP-May | Giorgi Natriashvili | Sprint 2 | Wireframe#1253

Open
Giontr wants to merge 9 commits into
CodeYourFuture:mainfrom
Giontr:feature/wireframe
Open

London | 25-ITP-May | Giorgi Natriashvili | Sprint 2 | Wireframe#1253
Giontr wants to merge 9 commits into
CodeYourFuture:mainfrom
Giontr:feature/wireframe

Conversation

@Giontr
Copy link
Copy Markdown

@Giontr Giontr commented May 11, 2026

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

Created 3 article, each with own Header, Paragraph, and images.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 11, 2026

Deploy Preview for cyf-onboarding-module ready!

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

@Giontr Giontr added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Module-Onboarding The name of the module. 🏕 Priority Mandatory This work is expected labels May 19, 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 looks good and well formatted. Page layout matches the wireframe well.

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 AI what that requirement means).

Comment thread Wireframe/index.html
Comment on lines +23 to +25
<p class="content">
Typically named README.md and written in Markdown, it lives at the root of a repository and renders automatically on platforms like GitHub. Its core purpose is to answer three questions immediately: what does this project do, how do I get it running, and how do I use it?<br>A well-crafted README...
</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.

Lines 23-25 can be better formatted as:

  <p class="content">
    Typically named README.md and written in Markdown, it lives at the root 
    of a repository and renders automatically on platforms like GitHub. Its core 
    purpose is to answer three questions immediately: what does this project do,
    how do I get it running, and how do I use it?<br>A well-crafted README... 
  </p>

To understand why, you can ask AI these questions:

  • How HTML treats multiple whitespace characters in text?
  • What's the advantage of not writing a long paragraph of text in a single line in HTML?

VSCode's "Format Document" feature can help us format our code for better readability and consistency, including breaking a long line of text into shorter lines of text. You can refer to this guide for more info about enabling "Format on Save" in VS Code or using VS Code's "Format Document" feature.

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.

Thanks, I changed paragraph format and fixed footer to the bottom too.

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.

Why not use the VS Code's formatter?

If you are using a formatter, all paragraphs would also be updated automatically.

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 had extension prettier as formatter however I didn't knew I have to format it manually

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.

If you also enable "Format on save" and "Format on paste", then the code will be formatted automatically (unless there are syntax errors in the code).

@cjyuan cjyuan added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels May 24, 2026
@Giontr Giontr added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 25, 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.

Good job in making the footer fixed at the bottom. Current, the content of the footer and the content of the articles can overlap. Can you address this issue?

Image

Comment thread Wireframe/index.html
Comment on lines +23 to +25
<p class="content">
Typically named README.md and written in Markdown, it lives at the root of a repository and renders automatically on platforms like GitHub. Its core purpose is to answer three questions immediately: what does this project do, how do I get it running, and how do I use it?<br>A well-crafted README...
</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.

Why not use the VS Code's formatter?

If you are using a formatter, all paragraphs would also be updated automatically.

@cjyuan cjyuan removed the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 25, 2026
@cjyuan
Copy link
Copy Markdown
Contributor

cjyuan commented May 25, 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 Reviewed Volunteer to add when completing a review with trainee action still to take. labels May 25, 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. 🏕 Priority Mandatory This work is expected

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants