CSS grid height exceeds limit

Question

I created two columns using CSS grid (in TailwindCss). The problem is that the height of the second column covers its parent element (see dashed line):

https://play.tailwindcss.com/eNhVFPmU4Z

It should have the same height as the parent component.

Is there any way to solve this problem?

Answer 1

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