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.
If a
Columncomponent is placed inside aContentcomponent and its size is absolute (i.e.px), there are use-cases where the width of theColumncan exceed the parent and cause horizontal overflow.Possible solution
Change the code from:
to:
This will make columns use the
max-widthspecified alongside them to properly size the column. If the absolute width is greater than the parent, it will shrink accordingly.