CSS3 | Type: CSSCSS3 Multiple Columns

Unfortunately, this is buggy with uneven column lengths. There may be some javascript that does this better.

.container {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  -ms-column-count: 4; /*microsoft*/
  column-count: 4;
}

/*Set new column counts at various responsive breakpoints*/

Reference Links

https://stackoverflow.com/questions/42613350/how-can-i-create-multi-columns-from-a-single-unordered-list