Fix Image Aspect Ratio & Font Scaling on Mobile (kanvas/design)

[M-DEV-1]

Description

In mobile view, the image on the kanvas/design page does not maintain proper aspect ratio, and the associated text font is too large.

Expected Behavior

Screenshots

Environment:

• Host OS:
• Browser:

---

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.

[Tharanishwaran]

can i work on this issue ?

[M-DEV-1]

Hi @Tharanishwaran, I'm sorry but there are some other improvements to do as well in this PR on the content for these cards. I really appreciate your willingness to help!!

[M-DEV-1]

@Tharanishwaran, would you like to work on this issue?. If yes, please comment under it, and I will assign it to you.

[Tharanishwaran]

@M-DEV-1,Yes, I would like to work on this issue. Thank you!

[KrishnaShuk]

Hey @M-DEV-1 what's the progress here? Can i help?

[M-DEV-1]

@KrishnaShuk, absolutely, you can help. Here, we are to fix the aspect ratio and font scaling for these cards on this page

The cards are fine on Desktop View, but it can use some love for Mobile View. Also, the content for these cards can be improved.

[M-DEV-1]

Would you like to give it a try?