There is a bug in the library where specifying a grid cols value different from the grid gap value results in extra space on the right end of the grid. Specifically, this extra space equals the specified grid cols value.
Set the cols prop on the Grid to a value different from the default Grid gap value (10).
Observe the right-hand side of the grid horizontally. The grid items do not occupy all the space. If the grid gap is set to 10, the right-hand padding of the grid will not be 10px but rather the value of the cols in px.
Expected Behavior:
The grid items should occupy the entire grid space evenly, with the right-hand padding matching the specified Grid gap value.
Actual Behavior:
The right-hand padding of the grid equals the specified grid cols value instead of the grid gap value, resulting in extra space.
There is a bug in the library where specifying a grid cols value different from the grid gap value results in extra space on the right end of the grid. Specifically, this extra space equals the specified grid cols value.
Library Version: 1.2.0 Reproducible Sandbox: Repl
Steps to Reproduce:
colsprop on theGridto a value different from the default Gridgapvalue (10).colsin px.Expected Behavior:
The grid items should occupy the entire grid space evenly, with the right-hand padding matching the specified Grid
gapvalue.Actual Behavior:
The right-hand padding of the grid equals the specified grid
colsvalue instead of the gridgapvalue, resulting in extra space.Examples:
Cols: 10 | Gap: 10
Cols: 14 | Gap: 10
Cols: 24 | Gap: 10