Have an odd problem and I’m not sure if I am doing something wrong.
I created a container with a max width of 1140px.
In that container, I created a 12 column grid with the intention of making areas, however, when I attempt to increase the gap between columns to 30px, the grid extends beyond the container and is cut off. It appears that the columns have a minimum width?
Even if I create the grid without placing it in a container first, create the areas with the intended result, as soon as I place it back into the container it still cuts off the grid. Here is a screenshot: