<div class="container">
  <p>The number of columns in the following container is set to 3.</p>
  <div class="element">
    <p>
      They were four men living all together yet they were all alone. Their house is a museum where people come to see 'em. They really are a scream the Addams Family. Now were up in the big leagues getting' our turn at bat. Goodbye gray sky hello blue. There's nothing can hold me when I hold you. Feels so right it cant be wrong. Rockin' and rollin' all week long. One two three four five six seven eight Sclemeel schlemazel hasenfeffer incorporated. Boy the way Glen Miller played. Songs that made the hit parade. Guys like us we had it made. Those were the days. And you know where you were then. Girls were girls and men were men. Mister we could use a man like Herbert Hoover again?
    </p>
    <p>
      Here's the story of a man named Brady who was busy with three boys of his own. In 1972 a crack commando unit was sent to prison by a military court for a crime they didn't commit. These men promptly escaped from a maximum security stockade to the Los Angeles underground.
    </p>
    <p>
      They were four men living all together yet they were all alone. Their house is a museum where people come to see 'em. They really are a scream the Addams Family. Now were up in the big leagues getting' our turn at bat. Goodbye gray sky hello blue. There's nothing can hold me when I hold you. Feels so right it cant be wrong. Rockin' and rollin' all week long. One two three four five six seven eight Sclemeel schlemazel hasenfeffer incorporated. Boy the way Glen Miller played. Songs that made the hit parade. Guys like us we had it made. Those were the days. And you know where you were then. Girls were girls and men were men. Mister we could use a man like Herbert Hoover again?
    </p>
    <p>
      Here's the story of a man named Brady who was busy with three boys of his own. In 1972 a crack commando unit was sent to prison by a military court for a crime they didn't commit. These men promptly escaped from a maximum security stockade to the Los Angeles underground.
    </p>
  </div>
</div>
body {
    background-color: #e0f4e2;
    color: #555;
    font-size: 1.1em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.container {
    margin: 40px auto 0;
    width: 90%;
}

.element {
    padding: 20px;
    background-color: white;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    text-align: justify;
}
/* change the screen size however you want */

@media screen and (max-width: 30em) {
    .element {
        /* change the column count here */
    }
}