Viewport scale is not set about openfga.dev

[matthewpereira]

@adriantam @rhamzeh do you happen to know if we need to use https://docusaurus.io/docs/api/docusaurus-config#ssrTemplate to set a viewport meta property for the site's theme?

[rhamzeh]

@matthewpereira do you want to set or change it? The current value on https://openfga.dev is
<meta name="viewport" content="width=device-width,initial-scale=1">

[matthewpereira]

Interesting - I must have missed that. Is there a different property that locks the viewport width/scale to avoid the zoomed-out effect in the screenshots above?

I'm hesitant to use user-scalable=no as I think that restricts zooming in, but maybe min-scale=1 would stop folks from zooming out. 🤔

Or maybe this just isn't really a problem.

[matthewpereira]

Some additional evidence:

Users can zoom out or scroll to the right - if the viewport scale isn't the problem, then maybe we have an element that isn't sized correctly to fit the viewport.

[adriantam]

Figured out what is the issue - it is caused by margin set to -1.75 for resources section (https://github.com/openfga/openfga.dev/blob/main/src/features/LandingPage/ResourcesSection/ResourcesSection.module.css#L15). This causes issue if the width is very small.