Equal card height content
Hey guys i have to make cards with different content heights. I have seen Kevin video's about responsive cards layout, but he is using grid and subgrid. Subgrid is not working on all browers etc, so old flexbox left? or do recommend sth else?
3 Replies
https://caniuse.com/css-subgrid it's had baseline major browser support for 2 years now I think
and you can still use grid, it's likely a more direct replacement for subgrid than switching to using flexbox
I haven't watched the video yet, but it's also likely to just be a progressive enhancement. Your site won't likely fully break if you can't use subgrid on outdated browsers
Do you have stats for the browsers your end users use? Analytics I mean? Those are often much more important than global stats
A site for a coffee shop targeted at local Silicon Valley tech bros can use different css than an aid site for rural areas in developing nations
grid-template-rows: 1fr is absolutely more than good enough
you can use it with grid
you dont need subgrid for this
granted that each row may have a different size, but, in the end, that is what makes senseOk thx guys