Margin Misalignment Issue on Layer 5 Website Homepage After Light-Dark Mode

[officialarmannqureshi]

Description

I've identified a misalignment issue on the Layer 5 website's homepage, specifically located after the light-dark mode button.
It is specifically noticeable after interacting with the light-dark mode button.

Expected Behavior

The anticipated outcome is to have uniform and balanced margins on both the left and right edges of the page, ensuring a visually harmonious display.

Screenshots

Environment:

• Host OS: Windows 11
• Browser: Google Chrome

---

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.

[officialarmannqureshi]

I want to work on this issue

[Mohith234]

@officialarmannqureshi Exactly on which page are you getting this issue?

[officialarmannqureshi]

@officialarmannqureshi Exactly on which page are you getting this issue?

On home page

[Ghat0tkach]

@officialarmannqureshi , Im unable to reproduce this issue

[Mohith234]

@officialarmannqureshi , Im unable to reproduce this issue

+1

[officialarmannqureshi]

@officialarmannqureshi , Im unable to reproduce this issue

+1

I just checked it in both Google Chrome and Edge, but in Edge there is no problem in alignment .

[abhijeetgauravm]

hey @officialarmannqureshi i m also not able to reproduce the issue.

[zelfroster]

When you view it in 720p resolution, then you can see it.

But I guess It's not that bad. Although Technically it is overflowing.

[vishalvivekm]

@officialarmannqureshi

Let's discuss this on Today's websites call. Please Join the meeting : https://meet.layer5.io/websites at 5:30 PM IST.
Meeting minutes: https://docs.google.com/document/d/1XczAHXVe2FIWPqiF57ospJ43zw5cZQ7ui8mn39v5EvA/edit

// @zelfroster

[zelfroster]

I might not be able to join at 5:30 PM 😅. I have some other work at that time. I am free after 6:30 PM. Are there other meetings where we discuss these?

[vishalvivekm]

I might not be able to join at 5:30 PM 😅. I have some other work at that time. I am free after 6:30 PM. Are there other meetings where we discuss these?

No sweat @zelfroster. Get all meeting updates: Subscribe to the Community Calendar

[officialarmannqureshi]

Thanks for assigning @vishalvivekm

[Mohith234]

@officialarmannqureshi Update on this issue?

[officialarmannqureshi]

@officialarmannqureshi Update on this issue?

I am still working on this! I was busy with my exams.

[github-actions]

Checking in... it has been awhile since we've heard from you on this issue. Are you still working on it? Please let us know and please don't hesitate to contact a MeshMate or any other community member for assistance.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[sandramsc]

This issue has been open for some time with no recent activity, unassigning to open it up for new contributors to give it a go.

[zelfroster]

Please assign this issue to me. I can get this done @sandramsc.

[MUFFANUJ]

I would like to contribute to this can anyone assign me this issue @vishalvivekm