Hacker News Reader

Like the layout tiles you have for the photo thumbnails. Will dig through and learn some css. Have struggled with different size content to create a compact masonry layout.

View on HN

The CSS for this is indeed tricky. I figured out this layout 5 years ago in the v1 and forgot how it works, just took it over as it looks good. The key is that not all rows are exactly the same height. There are small differences that allow photos to fit horizontally.

I also tried the vertical masonry layout, which looks good, but makes no sense if your photos have a chronological order...

The magic happens here: https://github.com/SimplePhotoGallery/core/blob/a3564e30bcb6...

Maybe something here might help with masonry stuff: https://css-tricks.com/piecing-together-approaches-for-a-css...

I stumbled across it looking for CSS flex masonry examples.

Reply on news.ycombinator.com