when I create a 4 column row, and want to add 12 px margin to make some space between columns.
each column is 3 x4 = 12 so I expect the column to fit in single row. but for some reason margin break the layout to have only 3 columns in 1 row
I understand that the 12px margin is the issue but is there a way to keep some empty space between columns without overriding the breakpoints.
columns have background colour and without spacing those columns looks weird.