Why negative margin in .row?

Viewed 5494

In the Flexboxgrid framework I see a margin of -1rem on the .row class. In small viewports this creates a small horizontal scroll of the container.

Since I've seen this negative margin on other frameworks, what is its purpose? Inner columns have a padding of the same qty, reversed.

In the picture, red line is .container, dashed line is .row. Btw the margin is visible only on the right.

Overflowing margin

2 Answers

In general row is placed in container. container has padding of 15 and row has margin of -15

Related