Blog post metadata overlaps with footer on small screens

[sisp]

Context

No response

Bug description

The blog metadata is placed in front of the footer on small screens (1219px and less). It happens both on the official docs and in a minimal reproduction:

mkdocs-material docs	Reproduction

Related links

• Reporting a bug
• Setting up a blog

Reproduction

9.4.2-blog-metadata-small-screen-footer.zip

Steps to reproduce

1. Start the reproduction site
2. Go to http://localhost:8000/blog/2023/01/31/lege-est-in-sit-est/
3. Reduce the browser's viewport width to less than 1220px
4. Scroll to the footer section

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.

[squidfunk]

Fixed in 015685f. We're planning a refactoring of the blog post layout in the near future, so this is likely going to change, but for the time being, we improved the layout to look like the following on mobile and tablet:

[sisp]

Excellent! Thank you very much for the prompt fix! 🙏

[squidfunk]

Released as part of 9.4.3.