Displaying dynamically created lists in different columns

Question

I have some list of vendors in my site, those vendors list are created manually.

Live Site

Those links are displaying in one single column div

Answer 1

you can use CSS columns, like this:

.vendor-list {
  -webkit-columns: 3;  /* Chrome, Safari, Opera */
  -moz-columns: 3;  /* Firefox */
  columns: 3;
}
@media (max-width: 640px) {
  .vendor-list {
    -webkit-columns: 1;    /* Chrome, Safari, Opera */
    -moz-columns: 1;    /* Firefox */
    columns: 1;
  }
}

  

    

      accessorizeus.com
    
    

      Betseyjohnson.com
    
    

      bladeandblue.com
    
    

      chicnova.com
    
    

      choies.com
    
    

      footnotesonline.com
    
    

      forzieri.com
    
    

      frenchconnection.com
    
    

      gaiam.com
    
    

      Johnstonmurphy.com
    
    

      kelsidaggerbk.com
    
    

      lanebryant.com
    
    

      mattandnat.com
    
    

      maykool.com
    
    

      Monicavinader.com
    
    

      moosejaw.com
    
    

      onlineShoes.com
    
    

      pinkqueen.com
    
    

      rebeccataylor.com
    
    

      romwe.com
    
    

      ronherman.com
    
    

      rosewe.com
    
    

      rotita.com
    
    

      shabbyapple.com
    
    

      sheIn.com
    
    

      Shoes.com
    
    

      swimspot.com
    
    

      Toddsnyder.com