I've got 2 columns with CSS grid (in TailwindCss). The problem is that the height of the second column is overriding its parent (see dotted line):

https://play.tailwindcss.com/eNhVFPmU4Z

It should have the same height has the parent component.

Any idea how I can fix this?

CodePudding user response：

Check: https://play.tailwindcss.com/pbEsTV05NP. I added flex and flex-col to parent of that box which was overflowing.