grid-auto-flow: dense not working

hi all, i have a grid container with shapes. why don't the shapes below fill in the missing spaces there? here is my code: https://jsfiddle.net/nczysk8h/17/
4 Replies
rezabet
rezabet•17mo ago
also, yes, the dimensions of those shapes should be able to fit in those missing spots (i.e. they are not larger than the space available)
MarkBoots
MarkBoots•17mo ago
there are no missing spots. it is a 4 column grid and every image fills a spot . But the second row is stretching because of the 2 large images.. If you want those images to occupy 2 rows, you'll have to define it specifically. for example
.large-img{
grid-row-end: span 2
}
.large-img{
grid-row-end: span 2
}
MarkBoots
MarkBoots•17mo ago
rezabet
rezabet•17mo ago
ahh, got you perfect, thanks! 🙂