Search⌘ K

Flex Equal Height Columns

Explore CSS techniques to make multiple columns stretch to equal heights within a container and divide horizontal space evenly. This lesson helps you apply flexbox properties to create balanced, responsive layouts while adhering to constraints of using CSS only and maintaining the HTML structure.

Problem description

A container holds two child <div> elements (.column) with ...