pixel gap between photos in element grid

[marynasakowska]

Hello,
There's a weird 1 pixel gap between photos in element grid, despite 0% row and column.
For example look here here: https://martaszypulska.pl/wolne-ciala/

How to get rid of this? It shows in Chrome & Mozilla, also on my phone (Android), and also when I turn off all the custom code.

[arminunruh]

in general if elements have any percentage width or height, this can make it have a decimal pixel width or height. like 123.5px
browsers seem to have trouble with this, sometimes creating a gap.
thats why for example i coded the carousels so they always get a round px width.

in your case i would recommend just right click the row in the gridder, or the white bar next to the row on the right

choose set row background color
and set it to black

[arminunruh]

or use this css to have black bg for all elmentgrid elements:

.elements-collection-region{
background-color: black!important;
}

[marynasakowska]

okay great idea, thank you 💫