Problem description

A container holds two child <div> elements (.column) with differing amounts of content. You need to ensure both columns stretch to the same height and share available horizontal space evenly.

Goal

Make both .column elements fill the container’s height and split the width equally.

Constraints

Only CSS modifications are allowed; the HTML structure must remain unchanged, and no JavaScript may be used.

Sample visual output

Here’s what the output would look like:

Good luck trying the problem! If you’re unsure how to proceed, check the Solution.