[Community] Fix styling of Community Members page

Description

In the community members page, the current desktop-mode view is this :-

We need to change the styling to this :-

Expected Changes

Follow the second screenshot!

• Align the A warm and welcoming collection of open sourcers. (description text) to center, just below the Community Members header-name.
• Bring the Active / Inactive legend just below the description text & align it in center.
• Fix the positioning of 1st profile card.

Environment:

• OS: [Windows / Ubuntu]
• Browser: [e.g. Chrome, Firefox, Safari]

NOTE : The mobile view / responsive view has no issues!

---

Contributor Resources The layer5 repo contains two websites. The current generation and the next-generation of the layer5.io site.

If the layer5-ng label is absent on this issue, then this issue pertains to the current generation of the layer5.io website, which uses Jekyll and GitHub Pages. Site content is found under the master branch.

• See layer5 contributing instructions

If the layer5-ng label is present on this issue, then this issue pertains to the next-generation of the layer5.io website, which uses Gatsby, Strapi, and GitHub Pages. Site content is found under the layer5-ng branch.

• See layer5-ng contributing instructions

[Nikhil-Ladha]

Well, as per the design the legends should be aligned to either side of the screen and not in the centre.

Let’s have few more suggestions here @leecalcote @Tanuj22 @Jashpatel1 @chandrashritii

[kishore007k]

@leecalcote Thank you for the reference.