[UI]: She Code Africa logo is off-center on mobile view
@Amarachi-Ezeonyekwere is already working on this.
Since Sep 8, 2026.
- Dominant language
- JavaScript
- Stars
- 1.1k
- Forks
- 1.6k
- Avg merge
- 2d 10h
- Merged PRs (30d)
- 18
Description
Description
On mobile viewports, the She Code Africa logo/illustration on the SCA Contributhon page is not horizontally centered on the page. It appears shifted to the left, while the surrounding text (heading and paragraphs) is properly aligned/centered, making the misalignment noticeable.
Expected Behavior
The She Code Africa logo should be horizontally centered on the page, consistent with the alignment of the heading and text content above and below it, across all mobile screen sizes/breakpoints.
Screenshots
Environment:
- Host OS:
- Browser:
Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.
- 📚 See contributing instructions.
- 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
- 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.
Join the Layer5 Community by submitting your community member form.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.