Hi kayre2,
So there is a lot going on here. First, all of the columns have the same “gutter”, or width between them. This is irregardless of the number of columns you have. The reason why the two rows look different is due to the fact that the images in the top row are not taking up the full width of the column. The images in the second row are actually too big for the 1/5 columns and therefore are slightly smaller.
Ok, how to fix this? First you want to make the second row into three columns. This will give the images enough space to be the full size, much like the top row.
Then you will want to wrap the second row in a column container div. Right now you have both rows in one container. You want the top in one, and the bottom in another. We will then add some CSS to the bottom container to make everything look the same.
[columns-container style="max-width: 760px;margin: 0 auto"]
…place the bottom three columns here…
[/columns-container]
Give that a try and let me know if you have any questions. There are a number of steps, so just let me know.
Best,
Nick
