Manchester | ITP-May-2026 | Szidonia Bodo | Sprint 2 | Wireframe#1391
Manchester | ITP-May-2026 | Szidonia Bodo | Sprint 2 | Wireframe#1391bodoszidi wants to merge 4 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.
This comment has been minimized.
This comment has been minimized.
1 similar comment
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
akeren
left a comment
There was a problem hiding this comment.
@bodoszidi, please could you consider restructuring your project files like this:
Wireframe/
├── css/
│ └── style.css
└── img/
├── GitBranch.png
├── Readme.png
└── wireframe.pngThis structure will help keep your project organised by separating your CSS files from your image assets, making the codebase easier to navigate and maintain.
| /* ====== Base Elements ====== | ||
| General rules for basic HTML elements in any context */ | ||
|
|
||
|
|
There was a problem hiding this comment.
@bodoszidi, could you consider removing the second empty line of code?
| margin: 0 auto; | ||
| background-color: rgb(213, 230, 224); | ||
| max-width: 1200px; | ||
| } |
There was a problem hiding this comment.
@bodoszidi, please consider providing a breathing space with a line break at the end of each closing element.
| text-align: center; | ||
| color: rgb(47, 16, 77); | ||
| padding: var(--space); | ||
| } |
There was a problem hiding this comment.
@bodoszidi, the breathing space should be applicable here as well.
| background-color: rgb(221, 149, 191); | ||
| color: black; | ||
| text-decoration: none; | ||
| } |
There was a problem hiding this comment.
@bodoszidi, give some breathing space as described.
| } | ||
| .secondrow { | ||
| display: grid; | ||
| grid-template-columns: var(--space) 1fr var(--space); | ||
| > * { | ||
| grid-column: 2/3; | ||
| grid-template-columns: 1fr 1fr; | ||
| gap: 20px; | ||
| } | ||
| #readmeimg{ | ||
| display: block; | ||
| margin: 0 auto; | ||
| width: 500px; | ||
| } | ||
| @media (max-width: 800px){ | ||
| .firstrow, .secondrow{ | ||
| display: grid; | ||
| grid-template-columns: 1fr; | ||
| gap: 20px; | ||
| } |
There was a problem hiding this comment.
@bodoszidi, please provide line breaks after each closing element.

Learners, PR Template
Self checklist
Changelist
Update content, add images, and customise CSS layout
Questions
I was not able to revert the changes on the Git terminal -
For next time, I know to always open a new branch from the main branch.