Search⌘ K
AI Features

Columns Challenge

Understand how to create responsive multi-column layouts using CSS column properties. Learn to control column count, gaps, rules, and manage text flow with widows and orphans to style content effectively in different sections.

We'll cover the following...

Challenge

Use column properties to style the given text. The colors being used are:

  • red (for the text and border)
  • blue (for the text)
  • #999 (for the vertical line between columns)

The columns you create should be responsive with respect to window resize. Your output should look and behave like this when you change your browser windows’ size.

Solution review

...