Grid cards are cut off at the right on very small screens

[sisp]

Context

No response

Bug description

On very small screens, e.g. iPhone SE (1st gen), grid cards are cut off at the right of the screen. The minimum screen width without cut-off or reduced right margin is 352px.

Viewport width	Screenshot
352px
340px
330px

Related links

• Reporting a bug
• Using card grids

Reproduction

Card grids are an Insiders feature, so I'm afraid I can't provide a reproduction file. But the problem can be observed at https://squidfunk.github.io/mkdocs-material/setup/#site-structure.

Steps to reproduce

1. Open https://squidfunk.github.io/mkdocs-material/setup/#site-structure in your browser.
2. Open your browser's dev tools and enable the device emulation mode ("Responsive Design Mode" on Firefox, "Toggle device toolbar" on Chrome).
3. Set your browser's viewport width to less than 352px and observe how the right margin of the grid cards reduces to the point at which the cards get cut off at the right.

Alternatively, if you have an iPhone SE (1st gen), open https://squidfunk.github.io/mkdocs-material/setup/#site-structure in your browser and observe the grid cards being cut off at the right.

Browser

No response

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues and discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction.

[alexvoss]

I'll have to leave @squidfunk to comment on the substance but I do wonder why you say it is not possible to submit a reproduction? The .zip files contain only the project that shows the reported problem occurring. The filename will tell us that you are using insiders. For my part, I usually look at the requirements.lock before installing anything anyway, often pruning it first.

[sisp]

Don't I need access to the Insiders version of mkdocs-material to be able to create the reproduction? I'm not a sponsor ...

[alexvoss]

Ah, I see. That might make the process of checking that the reproduction actually produces the problem a bit difficult. I see that @squidfunk has already tagged this as needing investigation, so I guess he has looked at the documentation and found the effect.

[squidfunk]

Thanks for reporting! Fixed in 8296f00.

[squidfunk]

Released as part of 9.4.7+insiders-4.42.3.