On the Examples page, thanks to height: 100%;, the content overflows and goes up on the footer.
A quick fix to it is use aspect-ratio: 1 / 2 to have a specific height set based by the width, then fixing the overflow issue. Plus, adding a max-height of nearly 900px (near of an 1:1 ratio from desktop), this makes responsiveness better on mobile devices.
Description
On the Examples page, thanks to![image](https://github.com/vercel/swr-site/assets/47110995/4efe45a6-e73b-44d3-bafe-e37c8296bc1d)
height: 100%;
, the content overflows and goes up on the footer.A quick fix to it is use
aspect-ratio: 1 / 2
to have a specific height set based by the width, then fixing the overflow issue. Plus, adding amax-height
of nearly 900px (near of an 1:1 ratio from desktop), this makes responsiveness better on mobile devices.Resolution
On a half size of an ultrawide display:
Before: 909x842 After: 909x900