.magazinesContainer {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    
    justify-content: start;
    align-items: end;
  }

  @media screen and (min-width: 370px) {
    
    .magazinesContainer {
      grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));
    }
  }