N.B.: I solved with min-width: 0 applied on each .grid__item, like in flexbox world.
Anyone can help me with this css grid stuff?
I have a co...
For further actions, you may consider blocking this person and/or reporting abuse
I solved with
min-width: 0
applied on each.grid__item
, like in flexbox world ;)Thank you for putting this here. Helped me with the same issue today.
Thanks
Wow thanks!! Makes sense
You can also solve it by following instructions:
grid-template-columns: repeat(4, minmax(0, 1fr));
Is similar to the "min-width: 0" but more elegant :-)
greeting
frank
I played a little with your code, is this what you need?
Mmh, i'm in a responsive environment, I can't use absolute widths, like 300px.
What if you change 300px to 100vw?
This works, but it's not a solution for me :( you changed the
repeat()
function withauto-fill
, but I need 4 cols. For the moment I solved using flex instead of grid.So to clarify--you want those three paragraphs in a row, with the box shadow under each one, and for the title to be truncated instead of wrap, correct?
Yep, more or less