.container {
  display: grid;
  gap: var(--Spacing-x3);
}

.citiesList {
  column-count: 2;
  list-style-type: none;
  margin-bottom: var(--Spacing-x-half);
}
.citiesList li {
  margin-bottom: var(--Spacing-x-one-and-half);
}

@media screen and (min-width: 1367px) {
  .citiesList {
    column-count: 3;
  }
}
