.grid {
  display: grid;

  &.gap_none {
    gap: 0;
  }

  &.gap_tiny {
    gap: 5px;
  }

  &.gap_small {
    gap: 10px;
  }

  &.gap_medium {
    gap: 20px;
  }

  &.gap_large {
    gap: 30px;
  }

  &.align_start {
    align-items: start;
  }

  &.align_end {
    align-items: end;
  }

  &.align_center {
    align-items: center;
  }

  &.justify_start {
    justify-content: start;
  }

  &.justify_end {
    justify-content: end;
  }

  &.justify_center {
    justify-content: center;
  }

  &.justify_space_between {
    justify-content: space-between;
  }

  &.justify_space_evenly {
    justify-content: space-evenly;
  }
}