.responsive-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  background: #e8f5e8;
  padding: 15px;
  border-radius: 5px;
}
.responsive-item {
  background: #4caf50;
  color: white;
  padding: 20px;
  text-align: center;
  border-radius: 4px;
  font-weight: bold;
  flex-basis: calc(33.333% - 10px);
  min-width: 200px;
}
@media (max-width: 768px) {
  .responsive-item {
    flex-basis: calc(50% - 7.5px);
  }
}
@media (max-width: 480px) {
  .responsive-item {
    flex-basis: 100%;
  }
}