3 ms·
> especially now that flexbox and grid have solved all our problems. That is certainly not the case. Look at https://eev.ee/media/2020-02-css/thumbnail-grids.h
by petters 7y ago
> especially now that flexbox and grid have solved all our problems.
That is certainly not the case. Look at https://eev.ee/media/2020-02-css/thumbnail-grids.html#grid https://eev.ee/media/2020-02-css/thumbnail-grids.html#grid
Large gaps of empty space. A manual layout would pack the thumbnails much more densely.
- csallen 7y agoThat's because the author intentionally added gaps via "grid-gap:10px" and changed the alignment via "align-items:baseline". You could easily undo either of these styles to achieve the desired effect.
- onion2k 7y agohttps://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-f... can do dense packing in a grid. Supported by all browsers except IE.