https://codesandbox.io/s/m3ljr4zl8p
example.js
I wasn't expecting column1 data to start overlapping into column2's instead of going down as it is now exceeding the grid column width.
What is the solution for this?
Columns are not overlapping. It's your <p> element takes more space than columns.
Add this style to it:
word-break: break-word;
Before word-break:
After word-break:
来源：https://stackoverflow.com/questions/55215310/grid-columns-data-overlapping-in-semantic-ui-react