-
-
Notifications
You must be signed in to change notification settings - Fork 215
NW | ITP_MAY_25 | Nor_ZEHHAF | Wireframe_to_Webcode #408
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
base: main
Are you sure you want to change the base?
Conversation
✅ Deploy Preview for cyf-onboarding-module ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
In terms of layout, this page doesn't quite match the wireframe. A few things:
- The title and short description are meant to be centred, and the short description should probably be shorter.
- I expect some empty space around the three articles, right now they take up the whole width of the page.
- The git image is very large, and makes the page hard to interact with.
- I ran lighthouse on this page and it didn't score 100.
<h3>Branches in Git</h3> | ||
<address> | ||
Written by a shared effort, | ||
<time datetime="2025-05-09">on 2025/05/09</time> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A time of writing doesn't feel like it belongs in an <address>
tag - can you think of a more suitable tag to use for this information?
(This applies to all three articles)
--font: 100%/1.5 system-ui; | ||
--space: clamp(6px, 6px + 2vw, 15px); | ||
--line: 1px solid; | ||
--container: 1280px; | ||
--container: 1250; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What are the units of this value?
body { | ||
background: var(--paper); | ||
color: var(--ink); | ||
color: var(--ink); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Try to avoid adding trailing space where it's not needed.
</footer> | ||
Branching in Git is a powerful feature that allows developers to diverge from the main codebase and work on new features, bug fixes, or experiments in isolation. By creating a separate branch, you can make changes without affecting the stable version of your project, enabling parallel development and smoother collaboration among team members. This article explores how branching works in Git, why it's essential in modern version control workflows, and how to effectively use branches to manage your code with confidence and flexibility.</p> <a href="https://git-scm.com/book/en/v2/Git-Branching-Branches-in-a-Nutshell">Read more</a> | ||
</article> | ||
<article id="second_article_wrap"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why don't the second and third articles have images?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Also, your PR description template doesn't appear to have been filled in. Please edit the PR description to fill in all of the requested information.
Learners, PR Template
Self checklist
Changelist
Briefly explain your PR.
Questions
Ask any questions you have for your reviewer.