I'm hoping to get some fresh eyes on a web design issue that's been bugging me for the last couple of hours. I'm building a simple layout with CSS Grid, and it works perfectly on desktop.
The problem starts on mobile screens (under 768px). When the layout switches to a single column, one of my grid items overflows the container and creates a horizontal scrollbar. I've double-checked my media queries and can't seem to find the cause. I feel like it's something really simple that I'm overlooking.
