Horizontal lists with grid

style.css

/* Horizontal grid for lists and text. */
.list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(132px, 1fr));
}
/* Horizontal grid for lists and text with a | devider. */
ul.list-grid-divider {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(132px, 1fr)); 
  list-style-type: none;
}
.list-grid-divider li {
  text-align: center;
  border-right: 1px solid var(--global-palette8);
}
.list-grid-divider li:last-child {
    border-right: unset;
}