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

  .child {
    flex: 0 0 25%;
  }
  @media (max-width: 768px) {
    .child {
      flex: 0 0 50%;
    }
  }

  /* Style for small screens (less than 480px) */
  @media (max-width: 480px) {
    .child {
      flex: 0 0 100%;
    }
  }