How to properly handle col gutter?

[ivanjaros]

I have a div that has max width and is centered with margin: 0 auto.
Inside I have a row with q-col-gutter-lg, inside I have col-4 divs.
To offset the shift caused by the gutter, I have wrapped the row inside a div with margin-left: -24px. Visually it is fine. No problems.
But this causes horizontal page scroll to appear when screen goes under the parent div's max width and the scroll is always off by those 24px. If i remove that margin offset, there is no scroll and the cols scale their width like usually.

How do I make this work?

[ivanjaros]

I fixed it by removing centering from the row itself and moving it into the parent wrapper whilst also removing the margin offset from it.