Here’s something I came across that took me a couple hours to figure out.

When you’re using a CSS grid display, and one of your grid items has an item nested inside it (like an image or a figure) that is set to display at max-width: 100% — it doesn’t seem to matter how deeply nested the offending item is, mine was two levels down — that item will expand to fill the entire grid column if it happens to be assigned to a vertical track defined by the fr unit.

The solution (hack) I found this afternoon to get it to come back into line is to explicitly set the overflow for that grid item to auto.