https://codesandbox.io/s/m3ljr4zl8p
example.js
Я не ожидал, что данные столбца 1 начнут перекрываться на столбцы 2 вместо того, чтобы идти вниз, так как теперь он превышает ширину столбца сетки.
Какое решение для этого?
Столбцы не перекрываются. Это ваш <p> элемент занимает больше места, чем столбцы.
<p>
Добавьте к этому этот стиль:
word-break: break-word;
До word-break:
word-break
После word-break:
