1  @import '../../common/styles/variables';
 2  
 3  .headline {
 4    font-family: $font;
 5    font-size: calculateRem(17);
 6    margin-left: calculateRem(15);
 7    margin-bottom: calculateRem(10);
 8  }
 9  
10  .grid {
11    display: grid;
12    grid-auto-flow: column;
13    grid-auto-columns: calc(90%);
14    //   grid-template-rows: 1fr 1fr 1fr;
15    overflow-x: scroll;
16    overflow-y: hidden;
17    -webkit-overflow-scrolling: touch;
18  
19    @media (min-width: $desktop) {
20      grid-auto-flow: row;
21      grid-template-columns: 1fr 1fr;
22      overflow-x: hidden;
23    }
24  
25    @media (min-width: 970px) {
26      grid-template-columns: 1fr 1fr 1fr;
27    }
28  
29    @media (min-width: 1300px) {
30      grid-template-columns: 1fr 1fr 1fr 1fr;
31    }
32  }