Implement Two-Column Layout for Mobile

[Ashparshp]

Description

Update the mobile view to use a two-column layout for better space utilization in footer section.

Expected Behavior

Screenshots

Enviroment:

• 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

[AdityaDKale]

Hello I want to work on this issue. Can you please assign it to me.

[Ashparshp]

@AdityaDKale You're new to the community?

[AdityaDKale]

Yes

[Ashparshp]

@AdityaDKale Go ahead!!

[AdityaDKale]

Hey this is actually already creating two column layout above 450px

And below that it is shifting to single column layout to avoid overflow which can be caused by overlapping of the container items. I think forcing two column layout may cause overflow and overlapping of text. We can try reducing the margins or reducing the size of container-items but maybe it is not a good idea to force two column layout.

I may be wrong here but I think it requires a further discussion before any code changes. Thanks and apologizes if I come out in a rude way.

[vishalvivekm]

@AdityaDKale
Let's discuss this one on websites call, please add it in agenda items if you would :) /
Meeting minutes: https://docs.google.com/document/d/1XczAHXVe2FIWPqiF57ospJ43zw5cZQ7ui8mn39v5EvA/edit

[Ashparshp]

@AdityaDKale Let's discuss this in evening call.. adding this to the meeting minutes..

[Aarav238]

Hey @AdityaDKale , I would really like to work on it.
can you please assign this to me..

[rahulrana701]

@Ashparshp can I take up this issue ?

[Ashparshp]

Thank you for showing interest @Aarav238! However, I noticed that @rahulrana701, have some pending assignments and PRs. Please prioritize completing those first. Also, as we usually do, let’s proceed with tasks in chronological order. I’m assigning this task to Aarav for now.

[Aarav238]

@Ashparshp Thanks. I will try to raise a PR as soon as possible.