0

I'm using CSS Grids. I want these boxes to stack but not change their height when doing so. Right now, any box adapts the max height of the box beside it. Their shapes should be decided by their inner HTML. How do I make them 'stop' resizing?

This is what's happening right now: https://i.stack.imgur.com/QHXWr.jpg

This is what I want: https://i.stack.imgur.com/u0T4x.jpg

Aryan Verma
  • 11
  • 5
  • look for `grid-auto-flow: dense;` – Radical Edward Aug 29 '20 at 11:27
  • Once I had this problem, but after rereading many articles, I realized that it would be impossible to solve it without a third-party plugin. I even tried `grid-auto-flow: dense;` and it didn't work for me. I solved the problem with the `column-count: 2;` rule by splitting into two columns. – s.kuznetsov Aug 29 '20 at 11:35

0 Answers0