Grid Columns data overlapping in semantic-ui-react?

Question

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

Answer 1

Columns are not overlapping. It's your

element takes more space than columns.

Add this style to it:

word-break: break-word;

Before word-break:

After word-break: