Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Columns Fluid Layout

Solution: Columns Fluid Layout

Let's use the CSS multi-column layout (column-count and column-gap) to create fluid, equal height newspaper-style columns.

We'll cover the following...

Problem description

You are provided with a .container element that wraps a single block of text. Your task is to use CSS Columns to divide this text into two fluid, equal height columns. Ensure the following:

  • The text should flow naturally between the columns without any content cutoff or overflow. ...