@media all and (min-width: 768px) {
  .cardList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start; } }

.cardList__card {
  margin-left: 9px;
  margin-right: 9px;
  margin-bottom: 20px; }
  @media all and (min-width: 768px) {
    .cardList__card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex-basis: 300px;
      max-width: calc(50% - 18px); } }
  @media all and (min-width: 1024px) {
    .cardList__card {
      flex-basis: 400px;
      max-width: calc(33% - 18px); } }