.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid > * {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 480px) {
  .grid > * {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .grid > * {
    width: 33.33%;
  }
}

@media (min-width: 1024px) {
  .grid > * {
    width: 25%;
  }
}