Como o minmax (0, 1fr) funciona para elementos longos, enquanto 1fr não funcion
Então eu tenho essa grade:
+---------+------------------------------+---------+
| <div> | <p> - 1000 characters long | <div> |
+---------+------------------------------+---------+
Dentrop
há uma string super longa sem espaços.div
s são espaços reservados com dimensões fixas. Isso produz o acima:
display: grid;
grid-auto-flow: column;
grid-template-columns: auto minmax(0, 1fr) auto;
Muttingminmax(0, 1fr)
para1fr
dá o seguinte:
+---------+----------------------------------------+
| <div> | <p> - 1000 characters long | <div> |
+---------+----------------------------------------+
Transborda do pai e sai do tamanho da tela. Por que não está se comportando como minmax?