Core Code
Core Code Modern Dev Handbook

Responsive Columns

column-width creates responsive column layouts.

Preview

Code

<style>
.columns{
column-width:200px;
column-gap:20px;
}
</style>

<div class="columns">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse potenti. Curabitur convallis metus non nisi tincidunt.
</div>

More CSS Multiple Columns Examples (8)

example Basic Multiple Columns open example example Column Width open example example Column Gap open example example Column Rule open example example Column Span open example example Balanced Columns open example example Columns With Images open example example Styled Column Rules open example