title: Why negative margin in .row?
body: <p>In the Flexboxgrid framework I see a <code>margin</code> of <code>-1rem</code> on the <code>.row</code> class. In small viewports this creates a small horizontal scroll of the container. </p>
  
  <p>Since I've seen this negative margin on other frameworks, what is its purpose? Inner columns have a padding of the same qty, reversed. </p>
  
  <p>In the picture, red line is <code>.container</code>, dashed line is <code>.row</code>. Btw the margin is visible only on the right. </p>
  
  <p><a href="https://i.stack.imgur.com/SfGuT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SfGuT.png" alt="Overflowing margin"></a></p>