@media (min-width: 768px) {
  main {
    grid-template-columns: 1fr 1fr;
    padding: 0 32px 32px;
    max-width: 1400px;
  }
  .site-header {
    padding: 32px 32px 24px;
    max-width: 1400px;
  }
  .header-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .code-area textarea,
  .code-area .output-code {
    min-height: 360px;
  }
  .code-area .output-code {
    max-height: 730px;
  }
}