I'm building a testimonial wall using Elementor Pro. I have a parent container set to Flexbox with Direction: Row and Wrap: Yes. Inside this, there are multiple child containers (Single Testimonial Container). Some containers have very little text, but all share the same height, making some of them look too empty.
I want to achieve a masonry layout where the height of each testimonial adjusts based on its content, similar to a Pinterest-style layout. I tried using custom CSS with grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)), but Elementor throws errors, especially when there's a line break inside the repeat().
What’s the correct way to apply a masonry layout inside Elementor’s Custom CSS panel?