With your J51news module I display articles in two columns. Works fine.
Unfortunately the articles have a gap because the articles are not all of the same height. Please see attached picture.
Is it possible to remove this gap (masonry layout)?
If I set the columns to 1 in module parameter and add following CSS:
.j51news .j51news_inside {
column-count: 2;
column-gap: 0.9em;
}
.j51news .newsitem {
display: inline-block;
margin: 0 0 1em;
padding: 0 !important;
width: 100%;
}
I get two nice columns without gap. But the article sort order is wrong. The News are sorted
1 | 4
2 | 5
3 | 6
instead of
1 | 2
3 | 4
5 | 6
So this CSS can't be used.
Is there a way to make your module to list aticles of different height nicely without gap?
Thank you very much!
Regards
Patrick