I am trying to create a masonry layout in my portfolio, I encountered a really weird problem and I have included a screenshot below. As you can see, there is an unknown white space at the bottom. I know it’s not caused by the margin or padding. If I changed the image, the size of the white space also changes. I know I can remove the white space by setting the height of the div block(right now it is auto). I just want to know why this problem happens, if I set the height of the div block to auto, isn’t it supposed to adjust its height based on the contents inside, why the white space appears.
I hope you can help me, thanks in advance
Here is my site Read-Only: https://preview.webflow.com/preview/elis-dynamite-project-9f04b4?utm_medium=preview_link&utm_source=designer&utm_content=elis-dynamite-project-9f04b4&preview=5c0578344ea807748155dfbfb7149dd0&mode=preview