Responsiveness: Screen size less than 320px and Galaxy fold.

[ShivamGupta]

Ionic version:

[x] 4.x
[ ] 5.x

Current behavior:

Ionic-responsiveness.mp4

Expected behavior:

• The text and the toggle button must be visible for screen sizes less than 320px and Galaxy fold.

Steps to reproduce:

• Changing the display grid to flex and set flex-wrap for automatic content fitting across all screen sizes.
• Adding a gap between the buttons and aligning it at the bottom.

Related code:

display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: 30px;

Expected Output

Ionic-responsiveness-output.mp4

insert the output from ionic info here

[Shauryaditya Bardhan]

Would like to contribute to this

[Liam DeBeasi]

Thanks for the issue. Bugs for the Ionic Framework website should be reported on https://github.com/ionic-team/ionic-site, so I am going to transfer this. I've alerted the team that manages the website.

[jaredcbaum]

Thank you for the detailed issue with videos and description!

@Shauryaditya This repo handles some legacy features of the ionic framework site, but the bulk of the code is in an internal repo. I do appreciate the offer to implement fix, but a team member of Ionic will have to submit a PR.

[jaredcbaum]

A fix has been deployed and will be live shortly.