multi-column list

by James Connolly

HTML

<ol class="multi-col-list">
  <li><span>1st Mile-Merchant Partners</span></li>
  <li><span>1T Consultants</span></li>
  <li><span>360 Payments / Vehlo</span></li>
  <li><span>3Di Systems</span></li>
  <li><span>AAA Specialty Leasing</span></li>
  <li><span>Ada County Landfill Software</span></li>
  <li><span>Alcooly</span></li>
  <li><span>Aldelo</span></li>
  <li><span>Amber System Technologies</span></li>
  <li><span>American IT SCPOS</span></li>
  <li><span>American IT SIMPLPOS</span></li>
  <li><span>Apex POS Solutions</span></li>
  <li><span>Applova Inc.</span></li>
  <li><span>APS MedNorth Urgent Care</span></li>
  <li><span>APS POS</span></li>
  <li><span>Arbelsoft</span></li>
  <li><span>array_pentius</span></li>
  <li><span>Auphan Software</span></li>
  <li><span>Authorize.net</span></li>
  <li><span>Autobot</span></li>
  <li><span>Auto Repair Manager POS</span></li>
  <li><span>Azul Code</span></li>
  <li><span>B2B Soft POS</span></li>
  <li><span>Benseron Hospitality</span></li>
  <li><span>BigCommerce plugin</span></li>
  <li><span>Bike Rent NYC</span></li>
  <li><span>Bill 1st</span></li>
  <li><span>Billcentrix</span></li>
  <li><span>Bittsi</span></li>
  <li><span>Biz_OS</span></li>
  <li><span>Blockchyp</span></li>
  <li><span>Boom.us</span></li>
  <li><span>Bourne Leisure / Haven</span></li>
  <li><span>BridgePay</span></li>
  <li><span>BuiltPOS</span></li>
  <li><span>Business Web Social</span></li>
  <li><span>Camaleon POS</span></li>
  <li><span>Capital Bank</span></li>
  <li><span>CAP Software</span></li>
  <li><span>CardFree</span></li>
  <li><span>Carolina Software</span></li>
  <li><span>CarSolve</span></li>
  <li><span>Cascades Clinical Systems</span></li>
  <li><span>Castles direct</span></li>
  <li><span>CelerisPay</span></li>
  <li><span>CenPOS</span></li>
  <li><span>Centevizer</span></li>
  <li><span>ChargeAnywhere</span></li>
  <li><span>Chargezoom</span></li>
 ...

CSS

.multi-col-list {
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 15px;
  font-weight: bold;
  color: #46D684;
}

.multi-col-list span {
  font-weight:normal;
  color: #202846;
}