London | 26-ITP-May | Mandip Sanger | Sprint 2 | Wireframe #1441
London | 26-ITP-May | Mandip Sanger | Sprint 2 | Wireframe #1441mandipsanger wants to merge 13 commits into
Conversation
✅ Deploy Preview for cyf-onboarding-module ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
This comment has been minimized.
This comment has been minimized.
cjyuan
left a comment
There was a problem hiding this comment.
-
According to https://validator.w3.org/, there are errors in your code. Can you fix them?
-
To better match the wireframe layout, can you
- Center the page title and the text beneath it
- Center the footer content (and ensure the footer content and the article text content won't overlap)
-
Code is not yet properly indented or formatted.
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.
| </header> | ||
| <main> | ||
| <article> | ||
| <img src="https://public-images.interaction-design.org/literature/articles/materials/ElementsofaWireframe.png" width="300" height="200" alt="Wireframe" /> |
There was a problem hiding this comment.
-
A better practice is to set the image dimension in CSS.
-
Providing meaningful
alttext is important because it ensures images are accessible to people using screen readers and also helps when images
fail to load, giving users essential context about the content or function of the image.
Can you give a more descriptive alt value to all images?
There was a problem hiding this comment.
Thank you very much I think I have solved all the issues.
|
Changes look good. |

Learners, PR Template
Self checklist
Changelist
I have finished my Wireframe task for sprint 2.