CSS网格内的长文本，拉伸整个网格

Question

我有一个CSS网格

#featuredRestaurantSection {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: minmax(100px, auto);
-webkit-column-gap: 10px;
column-gap: 10px;
row-gap: 2em;
padding: 10px;
}

它显示正常，有3列。但是，只要任何一栏的文字很大，该文字就不会换行，而是会拉伸整个栏。

我该怎么办？