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
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