How to create equal height row & stack column one below other in small view?

I want to create the grid with two columns & some rows such that both rows have same height (max height). But in my case rows of unequal heights are getting created. For example, column1: row1 have less content so its height is small but if adjacent column2: row1 has more content its getting more height & thus creating unequal/unaligned columns.

The grid I want to achieve is:

For desktop screens:

For small screens:

Could you please advise me on how can I get the desired result?

Edit: I just need 2 columns & several row/container in desktop.