flex component | weird padding behavior
Hey, i'm using a flex utility for a responsive two column layout. The layout should switch from single column to double column when the container reaches 45rem in width. When the container has padding on it though, it switches over a little later. I don't really understand the reasoning for this other than it's possibly adding the padding value onto the 45rem, but even if that's the case, if the container that doesn't have padding has reached 45rem and switched, then the padding shouldn't make a difference? Thanks in advance.
https://codepen.io/deerCabin/pen/VwJOqYW
https://codepen.io/deerCabin/pen/VwJOqYW
