Así que tengo esta cuadrícula:

+---------+------------------------------+---------+    
|  <div>  |  <p> - 1000 characters long  |  <div>  |
+---------+------------------------------+---------+

Dentrop hay una cadena súper larga sin espacios. @divs son marcadores de posición con dimensiones fijas. Esto produce lo anterior:

  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto minmax(0, 1fr) auto;

Pero cambiandominmax(0, 1fr) a1fr da esto:

+---------+----------------------------------------+    
|  <div>  |               <p> - 1000 characters long  |  <div>  |
+---------+----------------------------------------+

Se desborda de su padre y sale del tamaño de la pantalla. ¿Por qué no se comporta como minmax?

Codepen