Skip to content
loading...

Grid cell issue with white-space: nowrap & text-overflow: ellipsis

Luca Uliana on January 03, 2018

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 c... [Read Full]
markdown guide
 

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.

 
 

Mmh, i'm in a responsive environment, I can't use absolute widths, like 300px.

 

This works, but it's not a solution for me :( you changed the repeat() function with auto-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?

 
 

Solved: margin-right: -100%;

*Solution in another example: margin-right: 0%;

code of conduct - report abuse