Using CSS To Edit Page Elements, Rows and Columns

Just purchased CSS Hero. I have zero experience with CSS editing.

Would like very much to solve my first problem using it. I added a page that has multiple element, row and column options.

At the top of the page the first row with three columns in it, all the pics and text are nice and even. But the second row I can only get the first column image and text to look correct, the second and third columns will not size correctly or lay out in a horizontal row correctly.

Scrolling further down the page you can see where I tried a row with six columns. Similar problem. The first three rows look good but the last three are neither sized correctly, or layed out in a horizontal row.
https://snuffbottlestoppers.com/elements/rows-columns/

In UX builder everything looks just fine while in edit mode, but not after saving. Would like very much to try CSS Hero to fix these rows.

The page I need help with: [log in to see the link]