I created colored boxes that look great on desktop and phone - however in Tablet mode when the boxes go from 4 column to 2 column, they are hitting into each other (example: http://prntscr.com/nb1xxz)

The color comes directly from CSS I used in the column settings - http://prntscr.com/nb1zet

I have 2% padding all around but I assume that is interior. I tried adding margins but that hasn't worked so far.

I went another route because it was causing too many issues!