.progress-list-flex {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
  a {
    border-width: 1px;
    border-color: white;
    border-style: solid;
    width: 100px;
    height: 10px;
    background-color: $gray-lighter;
    &:hover {
      text-decoration: none;
    }
    &.active:after {
      content: '•';
    }
  }
  .success {
    background-color: $brand-success;
  }
  .warning {
    background-color: $brand-warning;
  }
  .danger {
    background-color: $brand-danger;
  }
}
.progress-list-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  a {
    border-width: 1px;
    border-color: white;
    border-style: solid;
    width: 100px;
    height: 10px;
    background-color: $gray-lighter;
    &:hover {
      text-decoration: none;
    }
    &.active:after {
      content: '•';
    }
  }
  .success {
    background-color: $brand-success;
  }
  .warning {
    background-color: $brand-warning;
  }
  .danger {
    background-color: $brand-danger;
  }
}

Fix progress nav when guide has few exercises
Fix progress nav when guide has few exercises
