[Site] Form is not mobile responsive

[Chadha93]

Current Behavior

Expected Behavior

Make the form responsive across every breakpoint.

Screenshots/Logs

Environment

• Host OS: Mac Linux Windows
• Platform: Docker or Kubernetes
• Meshery Server Version: stable-v
• Meshery Client Version: stable-v

---

Contributor Guides and Resources

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Meshery UI in Figma
• 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack

[akssshh]

@Chadha93 Can you assign this to me?

[Chadha93]

@Chadha93 Can you assign this to me?

Sure.

[akssshh]

@Chadha93 Not able to run the site locally. Can you please guide me in setting up the project locally?

[Chadha93]

@Chadha93 Not able to run the site locally. Can you please guide me in setting up the project locally?

@gogoiakash2311 You can use make setup-libs then make site. See the makefile. Yes we also need to add these instruction in contribution.md.

[AnnuCode]

Hi @gogoiakash2311, if it's okay with you, can I work on this issue?

[akssshh]

Heyy @AnnuCode I'm already working on this issue.

[akssshh]

@AnnuCode I have seen that you have already made a PR for this issue. Go for it. I'm unassigning myself from this issue.

[AnnuCode]

@gogoiakash2311 I mistakenly started working on this issue without noting that you have already been assigned this issue. So please go ahead and make the contribution :)

[akssshh]

Okay!! then thanks

[akssshh]

Preview for the issue #28 at: https://tangerine-raindrop-15674c.netlify.app/
@Chadha93 Let me know if any changes are required.
After that, I'll make a PR

[akssshh]

Hey @Chadha93 I have made a PR #31 for this issue

[UtkarshMishra12]

@gogoiakash2311 It's still not responsive below 300px 👀 Link

[akssshh]

Thanks for informing me! I'll make another PR after I fix it.

[UtkarshMishra12]

@gogoiakash2311 Let me know if you need any help. 😊

[akssshh]

Sure

[Nikhil-Ladha]

@gogoiakash2311 It's still not responsive below 300px eyes Link

TBH, we don't need to be responsive below 300px. I don't think any device has that low of a resolution; even if so, we can safely ignore it. Not a big deal.

However, in this case, it is not responsive up to 325px (the lowest presumed resolution), Please fix up to that at least in the current PR itself.

[akssshh]

@Nikhil-Ladha I'll do that in the current PR itself