search

metafizzy / packery

:bento: Gapless, draggable grid layouts
https://packery.metafizzy.co
4.13k stars 315 forks source link

Responsive Packery with different heights - keep getting white spaces #536

Closed kreativstau closed 3 years ago

kreativstau commented 4 years ago

Hello,

i am trying to create a responsive Packery/Masonry with different-sized images. Do I get it right that Packery needs fixed heights as in this demo: https://codepen.io/desandro/pen/tonpx ? I always get white spaces. Some of my images are wider that others for example two rows wide, others are one row wide. I am also using percentages, not fixed widths: http://dev.kreativstau.de/work

How can I fixe this? Will I need to have to work with fixed ratios? Does Packery need fixed heights and widthes?

/Edit: I get white spaces in the third row on the right under the red/blue image and under the seventh image on the left.

Thanks

kashifkiduniya commented 3 years ago

I am having same issue of auto height. It is having spaces on bottom. Did you find any fixed for it? Please share if you have.

Thanks

kreativstau commented 3 years ago

Hello,

I am sorry, I did not find a solution.

Best

Am 28.10.2020 um 00:19 schrieb Mohammad Kashif notifications@github.com:

I am having same issue of auto height. It is having spaces on bottom. Did you find any fixed for it? Please share if you have.

Thanks

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/metafizzy/packery/issues/536#issuecomment-717597242, or unsubscribe https://github.com/notifications/unsubscribe-auth/AB6SPT3SIC2RNR6UD2DWSULSM5IPBANCNFSM4JHAYXQQ.

kashifkiduniya commented 3 years ago

I already spend too much time with this plugin 😩

But thanks for you instance response!

kreativstau commented 3 years ago

Never mind :) Good luck :)

Am 28.10.2020 um 00:24 schrieb Mohammad Kashif notifications@github.com:

I already spend too much time with this plugin 😩

But thanks for you instance response!

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/metafizzy/packery/issues/536#issuecomment-717599048, or unsubscribe https://github.com/notifications/unsubscribe-auth/AB6SPT62LQB2GDGTGYXEZRDSM5JCRANCNFSM4JHAYXQQ.