Column sizing

[Angelos Chalaris]

If a Column component is placed inside a Content component and its size is absolute (i.e. px), there are use-cases where the width of the Column can exceed the parent and cause horizontal overflow.

Possible solution

Change the code from:

flex: 0 0 var(--col-md-size);

to:

flex: 0 0 auto;

This will make columns use the max-width specified alongside them to properly size the column. If the absolute width is greater than the parent, it will shrink accordingly.