Missing CSS to create a 3 column continuous gallery with lightbox

[worldly hawk]

Hey everyone!

My goal is to have an image gallery with 3 columns with infinite vertical scrolling.
I managed to do this but then after adding lightbox (https://lokeshdhakar.com/projects/lightbox2/), when I'm navigating the images to the left/right, it's navigating from top to bottom instead of left to right.

I think my problem is that I implemented the gallery with a 3 columns like this: https://youtu.be/3TN9J3pCn6k?si=A7UgIOvRT9OWMHre but the lightbox library is reading the images as they first appear. So I should have a list with the images instead of 3 divs "columns" separating them.

I also tried doing the 3 column with the images in a list following this video https://youtu.be/xYjCIe3grGM?si=iQ8Amn6NDZWSntCr but the images don't "continue" from each other. They are separated by rows individually.

Any help is appreciated!

[worldly hawk]

Also tried the following: https://stackoverflow.com/questions/44439140/is-there-a-way-to-place-images-with-different-height-into-3-columns-in-html-css
But I still have the same issue, I wanted the image to be navigated from left to right first instead of top to bottom.

[worldly hawk]

[SOLVED] Missing CSS to create a 3 column continuous gallery with lightbox