html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.container,
.hero-grid,
.apps-grid,
.card,
.app-card {
  min-width: 0;
}

.log-box {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  white-space: pre;
  overflow-wrap: normal;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 950px) {
  .container,
  .hero-grid,
  .apps-grid,
  .app-card {
    width: 100%;
    max-width: 100%;
  }

  .app-card {
    overflow: hidden;
  }
}