[BUG] components don't wrap inside the grid

[alex-lehmann-osp]

Describe the bug
The grid seems to be broken. If you have more than 12 columns with span="1" they don't wrap into multiple lines anymore. If you have less than 12 columns with span="1" they are growing to 50% width.

To Reproduce

<b2b-grid-row>
    <b2b-grid-col span="1">Test</b2b-grid-col>
    <b2b-grid-col span="1">Test</b2b-grid-col>
</b2b-grid-row>

Expected behavior
When there are more than 12 columns with span="1" in a row, they should wrap into multiple lines.
When there are less than 12 columns with span="1" in a row, they should be 1 column wide and align to the left of the row.

Screenshots

Expected:

Framework Used

• vue
• Browser Chrome
• Environment production

Package

• Version 1.24.0
• core-components