@import "~styles/config";

.title {
  margin-bottom: $gutter;
}

.subscriptions {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin-bottom: $gutter;
  height: 100%;
  width: 100%;
  gap: $gutter;

  @media (min-width: $min-tablet) {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  @media (min-width: $min-desktop) {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
  }
}