Problem:

I want to create a CSS grid that contains 2 columns, but collapses into 1 column if the text/content inside any of the containers are to long to fit. The grid width should be 100% of its parent container. It should not collapse based on specific media queries, but rather the content of the containers, and the fact that the grid width is 100% of its parent.

Any ideas are much appreciated!