Looking for examples of things you can do with grid that you cannot do with flexbox.
Has anyone found any? Bonus points for nice, well-written articles.
Looking for examples of things you can do with grid that you cannot do with flexbox.
Has anyone found any? Bonus points for nice, well-written articles.
@ppk A 2D zooming effect: https://css-tricks.com/zooming-images-in-a-grid-layout/ (not a common use case but not possible using flexbox)
Some grid pattern like I am explaining here: https://css-tricks.com/exploring-css-grids-implicit-grid-and-auto-placement-powers/#grid-patterns (in the "grid patterns" section). Some of them can be done using flexbox but would require more complex code
@ppk equal height rows based on the tallest one using grid-auto-rows: 1fr;
https://codepen.io/t_afif/pen/pvbQBoQ/8862cf9366ab9a7daf19e2599f94b8cb
Same can be done for columns but it's more interesting for rows