Prevent CSS Grid Blowout / Overflowing it's Parent

grid-blowout-guard-example.css

.document-tile-control-box.desktop-mode {
  // The reason for minmax(0, value) here is:
  // - forces grid columns to have a defined min-width
  // - which forces the grid to assume defined sizes and to not grow columns indefinitely
  // - more details: https://css-tricks.com/preventing-a-grid-blowout/
    
  grid-template-columns: minmax(0, max-content) minmax(0, max-content);
  grid-template-rows: 1fr min-content min-content;

  /* prettier-ignore */
  grid-template-areas: 
   "anschreiben       agbsb"
   "hinweis           hinweis"
   "formularFreigeben formularFreigeben";
}