frontend/marko/page/story/components/tags-page/style.less

div.tags-page {
  h1 {
    font-weight: 100;
    text-align: center;
  }

  p {
    text-align: center;
  }

  div.groups {
    column-count: 5;
    padding: 0.5em;

    div.group {
      padding: 0.5em 0em;
      vertical-align: top;

      h2 {
        font-weight: 100;
        padding-bottom: 0.125em;
        border-bottom: 0.5px solid;
        margin-bottom: 0.25em;
        margin-top: 0;
      }

      ul {
        margin: 0;
        padding: 0;

        li {
          list-style: none;

          a:hover {
            text-decoration: underline;
          }
        }
      }
    }
    div.group:first-of-type {
      padding: 0;
    }
  }
}

@media screen and (max-width: 2000px) {
  div.tags-page {
    div.groups {
      column-count: 4;
    }
  }
}

@media screen and (max-width: 1400px) {
  div.tags-page {
    div.groups {
      column-count: 3;
    }
  }
}

@media screen and (max-width: 1000px) {
  div.tags-page {
    div.groups {
      column-count: 2;
    }
  }
}

@media screen and (max-width: 900px) {
  div.tags-page {
    div.groups {
      column-count: 1;
    }
  }
}