How to make height of left div same as right div when 2 divs have differnet height

[dingan]

I have a main div which is set to Flex , direction horizondal
inside it 2 divs
left div and right div

heights are set to auto for all (parents and children)

the height of container is normally the height of div on right because thats what contains most text and other elements.

i want to match the height of left div to the right div. how can we do that ?

I tried using height = 100% but the left div stil stays same height.

an ideal outcome i am looking for will look like this

(this is when i set height of left div manually)

[dingan]

Found the solution myself.

Apply this css to parent class

align-items: stretch

[Agustin_Carozo]

Hi Aby, thank you for sharing the solution you found