search

ecoacoustics / web-components

https://oe-web-components.netlify.app/
MIT License
1 stars 0 forks source link

Spacing in verification grid is not consistant #88

Open hudson-newey opened 3 months ago

hudson-newey commented 3 months ago

At the moment, the verification grid uses a flexbox with justify-content: center. This causes issues as the spacing at the start and end of the grid can differ from between grid tiles.

image

We should make it so that the spacing between grid tiles and the spacing at the end of the verification grid tile is the same.

Ideally we would use justify-content: space-between, but this can lead to vertical alignment issues with grid sizes that are not a factor of the number of columns.