The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › CSS grid box not spanning two rows
See the two kids to the right on the 2nd row? I would like that area to span down another row.
Seems like this should do it. grid-row: 2 / 4;
A minimal demo would be ideal….there’s a lot of code we don’t need in there for you to demo the issue.
I removed about half the code for you.
The issue is that you set a height on the divs and not on the grid-rows. If the rows don’t know how big they are supposed to be then setting an element to span 2 of them means nothing.
So, instead of height:200px on the divs, set the row height to 200px;