grid の子要素の幅を fr で指定していると overflow-wrap: break-word; が効かない
code:css
.wrapper {
display: grid;
grid-template-columns: auto 1fr;
}
.inner {
overflow-wrap: break-word; /** はみ出る */
}
code:css
.wrapper {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
}