.featured-flow {
  @include make-row();

  &__featured {
    margin-bottom: map-get($spacers, block);
    @include make-col-ready();
    @include media-breakpoint-up(md) {
      @include make-col(5);
    }
    @include media-breakpoint-up(lg) {
      @include make-col(4);
    }
  }

  &__list {
    margin-bottom: map-get($spacers, block);
    @include make-col-ready();
    @include media-breakpoint-up(md) {
      @include make-col(7);
    }
    @include media-breakpoint-up(lg) {
      @include make-col(8);
    }
  }

  &--reverse {
    flex-direction: row-reverse;
  }
}