[UI] : Legend Box Alignment in service mesh landscape

[Maanvi212006]

Description

In the service mesh landscape, the legend box under the 'Service Mesh Interface Compliance' heading is left aligned.
https://layer5.io/service-mesh-landscape

Expected Behavior

The box must be center aligned

Screenshots

---

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.

[Maanvi212006]

I would like to work on this issue.
Pls assign this to me.

[Daniel-1600]

@Maanvi212006 you can work on it since you are the one that created the issue. And thanks for raising the issue

[Rajesh-Nagarajan-11]

@Maanvi212006 any updates?

[Maanvi212006]

@Rajesh-Nagarajan-11 Actually, I was trying to set up layer5 locally. But I am still not able to do it. So, I will make the PR today, but the maintainer will have to test it locally.

Is this alright? Or, should I open the PR only after layer5 setup?