I’ve put together some custom CSS to create some small ‘feature boxes’. I added them using the Lightweight Grid Columns, which I’ve used elsewhere and are working great. However, something seems to be tripping it up because the spacing is doing something weird. I’d like to have them centered on the page, with roughly 20px between them. It’s putting only two on one line, and pushing the next to the bottom.
At first I figured this must relate to the max-width I put on the div/image (275px), but with the container at 1100 it shouldn’t be an issue. I fiddled with removing the padding to see if that somehow it was related to a padding/margin issue. I tried pulling out elements to isolate what is causing it. I’ve tried a million things and can’t figure out what’s causing this.