Annoying space between The Grid carousel images

[Ghiotto]

Hi there, happy new year to every Themeco staff and developers

I’m usign The Grid (we have already seen the site in with I’ve implemented it) and I can’t understand why in the carousels that I’ve created The Grid leaves an annoying 1px of space between some grid images. You can see it below

I have tried some different pixel ratio, but that space remains.

Can you help me understand how to resolve this issue? Thank you very much

[rad]

Hi Alessandro,

Thanks for reaching out.

Please try changing your custom max width of your content band to this

html .x-container .x-content-band {
    max-width: 1292px;
    margin-left: auto;
    margin-right: auto;
}

It was 1290px, with 4 items each item’s width became 1290 / 4 = 322.5px. And since pixel has no decimal then it became 322px, then 0.5px became the space ( 3 x 0.5 = 1.5px, hence 1px space ).

With 1291, it will be 323px width per item.

Hope this helps.

[Ghiotto]

Oh yes, it works like a charm! Thank you very much for this workaround

[basanta]

Glad to Know!

Thanks