3: Mobile fix; trouble at max

3: Mobile fix; trouble at max

.page-wrapper {
  max-width: $xl;
  margin: 0 auto;
}

.featured {

  .carousel {
    margin-bottom: $gutter-teasers;
  }

  @include breakpoint($md-up) {

    font-size: 1vw;

     > .inner {
      display: flex;
    }
    .carousel {
      flex: none;
      width: 47em;
      margin-bottom: 0;
    }
    .posts {
      font-size: 1.15em;
      flex: none;
      width: 36em;
      margin-left: $gutter-teasers--narrow;
    }

  }

}