.ps-grid-plugins {
  @apply .flex .flex-wrap .-mx-4;
  box-sizing: border-box;

  .ps-grid-box {
    @apply .w-full;
    box-sizing: border-box;

    .plugin-card {
      @apply .mx-4;

      .plugin-icon {
        @apply .flex-no-shrink;
      }
    }
  }
}

@media only screen and (min-width: 600px) {
  .ps-grid-plugins {
    .ps-grid-box {
      @apply .w-1/2;
    }
  }
}

@media only screen and (min-width: 1400px) {
  .ps-grid-plugins {
    .ps-grid-box {
      @apply .w-1/3;
    }
  }
}

@media only screen and (min-width: $minLargeScreenWidth) {
  .ps-grid-plugins {
    .ps-grid-box {
      @apply .w-1/4;
    }
  }
}
