Hang on...
CSS Column Width and Count Lab
In this lab, you'll practice using the CSS column width and count properties to create responsive text layouts. You'll create an HTML page with a div
element and apply the column-count
and column-gap
CSS properties to control the number of columns and the gap between them.
Through these challenges, you'll come to understand how these properties interact and how you can create responsive layouts with ease.
You can use
lorem
to generate huge text to test out the styles that you've written. Trylorem300
orlorem*5
to generate big chuck of texts in the editor
Adding your container request
Getting your dedicated container
Connecting to your container
Setting up your editor
Finalizing your playground
TerminalEditorBrowser