I found a CSS gallery code, and wanted to try running it on my own to see if it actually worked. The code is Moodboard with Masonry by shinya1992 on codepen. I copy and pasted all the code and ran it, and I expected the result I’d see in the preview of the previously linked code (a well spaced gallery). This was not what appeared.

I did get a gallery of images, but there’s a disproportionate amount of space between the first image and the one in the row underneath it, and there’s no space between the images.

I tried to copy and paste all the code involved in the original code to my best ability to see if this was merely an issue with the way I’d put down the code, but after testing, I don’t think that’s the case.

I’ve seen the same code sampled in other places with no issues.

I’m curious if this code requires an active site to display properly or something like that? Or its a problem with the image size?