Code Blocks spacing problem

I am trying to build a 3-column layout with a mix of twitter and instagram posts (not mine). I use a series of code blocks, added in the correct (?) order - all the first column top-to-bottom, then all the second column, etc.

The code itself is standard 'embed code' provided by twitter and instagram.

When I am in edit mode the spacing makes sense. But once saved, some blocks get a huge extra spacing between them. But this is not consistent and I can't figure out a fix. It used to work ok in 7.0 so I'm thinking this might be related to the new grid engine.

Everything looks great in mobile view too, where all 3 columns become one single full-width column.

Any ideas how to fix this ? I don't think I have the option to go back to the 7.0 section.

Thanks 

Can you share link to this page? We can check easier

On 5/10/2024 at 4:37 AM, tuanphan said:

Can you share link to this page? We can check easier

https://www.animatable.co/test-2-1

I still have not been able to fix this.

On 6/20/2024 at 8:33 AM, tuanphan said:

I tried some CSS code but can't fix problem. 

You can consider combine some Code Blocks into 1 Code Block. For example these items

Ah yeah that will do it. Thanks.