.grid {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  
  &-item {
    flex: 1 0 50%;
    margin-bottom: 1rem;
    
    @media (min-width: 980px) {
      flex: 1;
      margin-bottom: 0;
    }
    
    .grid--3 & {
      flex: 1 1 calc(100% / 3);
    }
    
    img {
      max-height: 90px;
      max-width: 250px;
    }
    
    img.sponsor {
      max-height: 120px;
      max-width: 400px;
    }
  }
}
.grid {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  
  &-item {
    flex: 1 0 100%;
    margin-bottom: 1rem;
    
    @media (min-width: 980px) {
      flex: 1;
      margin-bottom: 0;
    }
    
    .grid--3 & {
      flex: 1 1 calc(100% / 3);
    }
    
    img {
      max-height: 90px;
      max-width: 250px;
    }
    
    img.sponsor {
      max-height: 120px;
      max-width: 400px;
    }
  }
}
Extend grid items to 100% width on mobile.
Extend grid items to 100% width on mobile.
