Create templates to quickly answer FAQs or store snippets for re-use.
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.
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 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?
Yep, more or less
Solved: margin-right: -100%;
*Solution in another example: margin-right: 0%;
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.