[UI] Google Link Card Display Issue on Desktop View

[Vincamine]

Description

In the desktop view, the Google Link section appears visually compressed and vertically squished, disrupting the layout and visual consistency of the form. The mobile view renders the Google Link section correctly.

Expected Behavior

The Google Link card should maintain a consistent aspect ratio and spacing similar to what is seen in the mobile view.

Screenshots

Desktop view (broken layout):

Mobile view (working):

Environment:

• Host OS: Mac
• Browser: Chrome

---

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.

[ayush14189]

I’d love to work on this issue.

✅ I’ve read the CONTRIBUTING.md.
✅ My development environment is set up and I’m able to build and run the project locally.

🛠️ Proposed Approach:
I plan to fix the layout issue on the desktop view by adjusting the styles applied to the Google Link card. Specifically, I’ll inspect the current CSS or component styling responsible for layout rendering on larger screens, and update it to maintain consistent spacing and aspect ratio similar to the mobile view. I’ll ensure responsiveness is preserved across screen sizes by using appropriate CSS techniques like Flexbox or media queries.

Kindly assign this issue to me so I can get started!

[avanshh99]

Hello @Vincamine could you assign me this issue?

[vr-varad]

Thanks @Vincamine for opening the issue but this issue doesn't belong here.
Its been noted and is worked upon.