.components-grid {
      display: grid;
      grid-column-gap: 1.4em;
      grid-template-columns: auto;
      grid-template-rows: auto;
    }
.image-grid {
      display: grid;
      grid-template-rows: auto;
      grid-gap: 1em;
      grid-template-columns: repeat(
        auto-fit,
        minmax(calc(var(--page-width) / 30), 1fr)
      );
    }

@media only screen and (min-width: 70em) {
      .components-grid {
        grid-template-columns: 3fr 9fr;
      }

.components-grid aside {
        position: sticky;
        top: calc(var(--global-space) * 2);
      }


pre {
  display: block;
  word-break: break-all;
  word-wrap: break-word;
  color: #ffffff;
  background-color: var(--block-background-color);
  border: 0px;
  padding: 0px;
  margin: 0px;
}

html {
  scroll-behavior: smooth;
}