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?
Check:https://play.tailwindcss.com/pbEsTV05NP. I added
flex
andflex-col
to the parent element of that overflowing box.