Missing Max-Width on Larger screens causes Layout Break

[preston176]

Current Behaviour

Zooming out or viewing the webpage on wide monitors or screens causes the navbar and footer to misalign or display incorrectly.

Expected Behavior

• There should be a max-width applied to the main content container so that even when zoomed out, the layout remains centred and visually consistent.

• This would ensure not only consistency but also improve SEO score, making it easier for search engines to index the site.

Screenshots/Logs

Environment

• Browser: Chrome
• OS: Windows 11

[siddarthkay]

@preston176 : I can take care of this, can you assign this to me please?

[Namanv0509]

@siddarthkay Great , can you confirm if you are able to successfully setup locally ?

[siddarthkay]

@Namanv0509 : yes

Built in 5278 ms
Environment: "development"
Serving pages from disk
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1) 
Press Ctrl+C to stop

[Namanv0509]

Great ,Here you go @siddarthkay

[HIMU-2001]

Hi @siddarthkay ,

Any update on this.

I would be willing to contribute to this @Namanv0509 @preston176

[siddarthkay]

Hey @HIMU-2001 : Thanks for reaching out! I've spent time working on this on my local branch of the fork of this repo and will have a PR out this week.
Can you please find something else to work on?

[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 😄

[siddarthkay]

sorry I had forgotten about this, will push my changes today.