Hello, so I know Grids would be perfect for this, allow me to try and explain what specifically I want to achieve.

So you can see this Grid has 2 columns, however, the items on the 2nd column have random heights. The problem I’m facing is if a Grid Item from Column #1 is larger, then the Grid Item that is on the same exact row will also match that height.

If I add other Grid Items on the next row, then there will end up being a gap between Grid Item that is in Row 1, Column 2 and Row 2 Column 2.

I would like to have these items fill in the gap. I’m not sure how to achieve this due to how the heights are with Grids.

r/webdev - How can you achieve this kind of Grid Layout in CSS?

Source link

Write A Comment