1

I have a css grid

#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;
}

It displays fine, with 3 columns. But whenever any column has text that is large, that text doesn't wrap inside, but stretches the whole column.

What can I do?

Paulie_D
  • 107,962
  • 13
  • 142
  • 161
raju
  • 6,448
  • 24
  • 80
  • 163
  • can you show us? – Temani Afif Jul 04 '18 at 10:42
  • i think the answer is here in this SO https://stackoverflow.com/questions/43662552/getting-columns-to-wrap-in-css-grid – MJN Jul 04 '18 at 10:44
  • Questions seeking code help must include the shortest code necessary to reproduce it **in the question itself** preferably in a [**Stack Snippet**](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). See [**How to create a Minimal, Complete, and Verifiable example**](http://stackoverflow.com/help/mcve) – Paulie_D Jul 04 '18 at 10:56

0 Answers0