Equal height rows in CSS Grid Layout

asked9 years ago
last updated9 years ago
viewed282.8k times
Up Vote208Down Vote

I gather that this is impossible to achieve using Flexbox, as each row can only be the minimal height required to fit its elements, but can this be achieved using the newer CSS Grid?

To be clear, I want equal height for all elements in a grid across all rows, not just per each row. Basically, the highest "cell" should dictate the height of all cells, not just the cells in its row.