How can you create columns of equal height using Flexbox?

Question

Answer

Use flex-direction: column; on the container to align columns vertically and make them equal in height.

Answer

Set width: 100%; on each column to ensure they all have the same height.

Answer

Set the container to display: flex; and use align-items: stretch; to make columns of equal height.

Answer

Apply justify-content: center; to align columns in the middle and make their heights equal.

Crowdly