I have a 2 column grid on my page. When the content from the first column spans more than one page, the column 2 contents shift to the next page.

Here is an example - https://codesandbox.io/s/confident-raman-gukp4?file=/src/App.js

How to make the content come like the intended grid layout. (both columns side by side)