CSS Grid of images and headings misaligns when headings wrap, plus complication when number of columns changes due to media query
We have a marketing page on our site that displays a grid of square product images with a heading over each. We want it to be 3 columns wide on wide screens, and 2 columns wide on narrow screens (mobile).…