.project-dossier .dossier-section.project-preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  min-width: 0;
}

.project-dossier .project-preview .preview-heading,
.project-dossier .project-preview .preview-flow,
.project-dossier .project-preview .preview-code {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}

.project-dossier .project-preview .preview-flow {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}

.project-dossier .project-preview .preview-code pre {
  overflow-x: hidden;
  white-space: pre-wrap;
}

.project-dossier .project-preview .preview-code code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}