UI Issue: Missing Left Margin on MLH Fellowship Program Page #2510
Description
Description
On the MLH Fellowship Program page, the main content appears to be flush against the left edge of the viewport, with little to no left margin or padding. This causes the layout to feel cramped and inconsistent with standard spacing used across the Meshery website.
From the screenshot (attached), sections like:
• “What is Meshery Community?”
• “Is it Open Source?”
• “Major League Hacking”
do not have sufficient left-side spacing, reducing readability and visual balance.
Actual Behavior:
Content starts too close to the left edge of the screen, making the UI feel misaligned.
Steps to Reproduce:
1. Visit https://meshery.io/programs/mlh
2. Observe the left alignment of the main content area
3. Compare it with other pages on meshery.io
Expected Behavior
The page content should have a consistent left margin/padding aligned with the overall site layout, similar to other Meshery pages, to improve:
• Readability
• Visual hierarchy
• Design consistency
Screenshots
Environment:
- OS: Mac Linux Windows
- Browser: Chrome Safari Firefox
- Version:
- Device: Desktop Mobile
Contributor Guides and Handbook
The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.
- 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
- 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
- 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack