.results-container .results-grid {
  list-style: none;
  padding: 0;
  margin: 50px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-gap: 50px 30px;
}
  
  .results-container .results-grid > li {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
  }
  
  .results-container .results-grid::before, .results-container .results-grid::after {
    content: none;
  }

@media (max-width: 640px) {
  .results-container .results-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}