A community member is experiencing an issue where the content in a grid is pushing outside of the grid, even when the content is truncated. They have used the same CSS tokens on other pages and it's working fine. Another community member suggests that the issue may be caused by images within a markdown embed, and recommends setting the image display to none to fix the problem. The community members confirm that this solution resolves the issue.
@Steve Suderman I found the culprit in your instance.
There must be some images within your markdown embed or something. If I select this image type in there and set it to display none, your problems are fixed.
There is a trick with flex or grid items. You can specify min-width: 0 on grid item to enforce all columns fit parent container instead of stretching by item content
@Steve Suderman I found the culprit in your instance.
There must be some images within your markdown embed or something. If I select this image type in there and set it to display none, your problems are fixed.
