UI: Bullet point text overflows and breaks alignment on homepage sections #2566
Description
Description
On the homepage, some bullet point lists (for example under
"Manage the performance of your infrastructure") do not
wrap text properly.
Long sentences extend outside the bullet container and
break the layout.
Steps to Reproduce
- Open https://meshery.io
- Scroll to the section "Manage the performance of your infrastructure"
- Observe the bullet point list
- Notice that long text overflows outside the bullet area
Expected Behavior
Bullet point text should wrap correctly within the container
and remain properly aligned.
Actual Behavior
Text overflows outside the bullet point container and
affects UI alignment.
Screenshots
(Attached screenshots showing the overflow issue)
Environment
- OS: macOS
- Browser: Chrome / Safari
- Device: Desktop
Additional Notes
This issue appears to be related to missing or incorrect
CSS wrapping and overflow handling.
Expected Behavior
I have implemented a fix for this issue and will submit a PR.
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
