#block-details { min-width: 0; height: 100%; min-height: 0; overflow-y: auto; padding: calc(var(--page-x) + 2.5rem) var(--page-x) var(--page-x) 0; color: var(--white); font-family: var(--font-mono); font-size: var(--font-size-sm); line-height: var(--line-height-sm); scrollbar-width: none; > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; } [data-block-column] { display: grid; align-content: start; gap: 2rem; min-width: 0; } [data-block-column] > section { display: grid; align-content: start; gap: 0.75rem; min-width: 0; } } @media (max-width: 48rem) { #block-details { min-width: 0; height: auto; overflow: visible; padding: 1rem var(--page-x) var(--page-x); > div { grid-template-columns: minmax(0, 1fr); } } }