CSS Grid Issue
I'm creating 3 column grid and getting dynamic data in the columns. So one column can have more data than the other one.
With the same thing, next row is taking space according to the more content column. I want the next row to take up the empty space so there is no empty space in the page.
I've tried creating main container as grid with 3 columns and grid-template-rows to be minmax(100px , auto) but it's not working.
I'm new to grid, so not getting how it can be achieved.
In the image you can see the empty space being created, if there is empty space I want that to get filled with the next row
With the same thing, next row is taking space according to the more content column. I want the next row to take up the empty space so there is no empty space in the page.
I've tried creating main container as grid with 3 columns and grid-template-rows to be minmax(100px , auto) but it's not working.
I'm new to grid, so not getting how it can be achieved.
In the image you can see the empty space being created, if there is empty space I want that to get filled with the next row
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
