Responsive Columns of Text in CSS

Sometimes you need multi-columns of text. But how do you get it to become responsive? I'll walk you through how to create a column of text and break it into multi-columns using CSS & media-queries.

[badcatdesign]

That's cool to have fine control with the media queries. A slightly lighter code approach which is still responsive might be something like: ul { columns: 10ch auto; }