.landing-integrations-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.landing-integrations-app {
  height: 24px;
  width: 24px;
  margin: 8px;
}

/* Small devices (landscape phones, 576px and up) */
@media (width >= 576px) {
  .landing-integrations-app {
    height: 36px;
    width: 36px;
    margin: 8px;
  }

  .landing-integrations-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

/* Medium devices (tablets, 768px and up) */
@media (width >= 768px) {
  .landing-integrations-app {
    height: 36px;
    width: 36px;
    margin: 16px;
  }

  .landing-integrations-grid {
    gap: 24px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (width >= 992px) {
  .landing-integrations-app {
    height: 50px;
    width: 50px;
    margin: 24px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (width >= 1200px) {
  .landing-integrations-app {
    height: 72px;
    width: 72px;
    margin: 24px;
  }
}