I have created a project gallery using the collection list block. Strangely, when I create a collection item there is 4px (or thereabouts) margin at the bottom which I can’t seem to locate the reason for. Also, my first project is mysteriously about 1px bigger than the other projects meaning that the last project on the row gets shunted down to the next row. I can’t see what the problem is here! They are auto-generated, so how can they be a different size? I am trying to create a seamless gallery.
I think the issue here is that you have a height set for the project image but not for the collection item. Giving the collection item the same height of 312px will resolve the 1px space (GIF).
I am not sure about the other issue — what 4px space are you referring to? Screenshots are very helpful here
Thanks in advance, and I’m standing by for your reply.
Your solution actually fixed the 4px space (which was a height issue).
Here is a screenshot to illustrate the problem. The first collection item sits at a very slight margin (1px?) to the right. This means that the last item on that row is shunted to the next row when the width is set as 33.3%.