scss 带有CSS网格增强功能的Flexbox行

Posted 2021-05-17

  .holder {
    @include breakpoint($breakpoint--main) {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;

      @supports (display: grid) {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
      }
    }
  }