#CharacterGrid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  max-width: 761px;
}

#grid_characters {
  display: flex;
  margin: 0;
  padding: 0;
  max-width: 761px;

  @media (max-width: $medium-screen) {
    justify-content: space-between;
    width: 100%;
  }

  & > * {
    margin-right: $unit * 3;

    @media (max-width: $medium-screen) {
      margin-right: inherit;
    }
  }

  & > li:last-child {
    margin: 0;
  }
}