Handling CSS Grid cell text content overflow in a flexible ways
I have a CSS grid cell which contains a randomly changing text of different lengths.
When the text is too long and displayed on Mobile (like Androind circa 450px width) the long text is cut-off. the 2 challenges are the below, really appreciate in case anyone has wisdom / advice:
1. Can text wrapping or overflow be done in such a way that the text occupies more cells below? This would prevent the cell height change which causes other cells above it to bounce up and down with long and short text which is not desired.
2. Can the cell move to somewhere else with if text becomes too long and screen too narrow so that overflow still shows text?
Code Pen:
https://codepen.io/chemipoo/pen/wvOpYBd
0 Replies