Re:Show HN: Magic Grid – A simple JavaScript library for dyn...
by captain_crabs on Monday December 24, 2018 @10:34AM
(#18752561)
Although I've read through the "css grid isn't meant to do this details", you can get fairly close to this with pure css grid, see here: https://github.com/wesbos/css-grid/blob/master/20%20-%20CSS%...
[ Parent
| on HN ]
Re:Show HN: Magic Grid – A simple JavaScript library for dyn...
by hardwaresofton on Tuesday December 25, 2018 @12:41AM
(#18756127)
Here's the JSfiddle for that demo:
https://jsfiddle.net/cbjzped2/
The problem with that is that the grid rows are determined dynamically:
.item.v2 {
grid-row: span 2;
}
.item.v3 {
grid-row: span 3;
}
.item.v4 {
grid-row: span 4;
}
.item.h2 {
grid-column: span 2;
}
I'd much rather drop in a library like MagicGrid or Masonry and deal with it from there, to be honest, instead of trying to hack grid to do it. I think grid could be extended to handle this kind of design but until it is...