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
/bin/son-arg
/bin/son-argOP•2y 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•2y 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•2y ago
/bin/son-arg
/bin/son-argOP•2y ago
ahh, got you perfect, thanks! 🙂
Want results from more Discord servers?
Add your server