Improve Mobile-Friendliness of "Learn Cloud Native" Section

[Ashparshp]

Description

• The content does not fit well on the smaller screens.

Expected Behavior

• The content should be responsive and fit properly on mobile screens.

Steps to Reproduce:

• Open the Layer5 Learn page on a mobile device.

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.

[MUFFANUJ]

Please assign this to me

[vishalvivekm]

@MUFFANUJ I notice two your PRs submitted without the Issues being assigned to you. Please understand that it's important for us to uphold community guidelines.

I understand that you may not have had the chance to go through the contributing guides and code of conduct outlined in the community handbook. Please go through these documents and I hope you'll keep them in mind for future.

[vishalvivekm]

As for this issue, @Ashparshp Let's make call for volunteer on Websites call tomorrow. Adding this into meeting minutes.

[r-kundan]

Please assign this to me

[MUFFANUJ]

@MUFFANUJ I notice two your PRs submitted without the Issues being assigned to you. Please understand that it's important for us to uphold community guidelines.

I understand that you may not have had the chance to go through the contributing guides and code of conduct outlined in the community handbook. Please go through these documents and I hope you'll keep them in mind for future.

I totally understand my mistake in the prior Pull requests and want to apologize for that, but this one wasn't assigned to anyone so can't I take this one?

[jaysomani]

Can i work on this?

[iamclintgeorge]

Can you assign me this issue?

[Ashparshp]

@iamclintgeorge Also, for bigger screens as well the background is too much we can reduce it as well!

[iamclintgeorge]

@Ashparshp Sure, i will look into it!!

[iamclintgeorge]

@Ashparshp Is this fine?

Also as per your request, i decreased the height of the background from 35rem to 30rem.

[Ashparshp]

Thanks, @Harsh-svg988! Please go ahead and generate a pull request so we can review it better. By the way, are you also increasing the font size?

[iamclintgeorge]

Yes i had increased it. Thanks for pointing out, i will the changes to make it look consistent with the other headings.

[Ashparshp]

Thanks for pointing that out. From where are you maintaining the consistency with the other headings?

[iamclintgeorge]

I had set the size of the "Learn Cloud Native" heading relatively more than the other headings that are present in the same page such as the "Service Mesh Books" Heading. I have made the required corrections.