Grid creates equal size

I created a grid like this. The problem is, all the div are of equal size regardless of the content available. How to have the div size only as per the content available ?
image.png
image.png

You can mingle with https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content_function

Apply LumoUtility.AlignItems.START to the grid-layout

this is a quick fix

Thanks

image.png