Как сделать независимые друг от друга блоки?

Question

[MrCra]

Здравствуйте я решил сделать, так сказать, нестандартные комментарии где-то когда-то я такое уже видел, но решил попробовать сотворить сам. Вроде все шло неплохо, но вот такая проблема
На комментарии естественно можно отвечать воть только я сделал что ответы по умолчанию у меня свернуты чтобы их увидеть нужно нажать на кнопку Показать ответы
Суть проблемы в том, что теперь при нажатии на кнопку Показать ответы блок толкает следующий за ним вниз что логично, но и блок, стоящий напротив (в правой колонке допустим) также увеличивается по высоте что тоже логично для гридов.
Вопрос как сделать так чтобы при нажатии в правой, например колонке. Показать ответы увеличивался в размере именно этот блок и не увеличивался в колонке напротив
во вложении часть моей страницы там все принципе понятно если понажимать на кнопки (Показать ответы и читать полностью)
https://jsfiddle.net/4soLcy32/1/#&togetherjs=oEK5FNfpA2

Comments

[VoidVolker]

MrCra https://qna.habr.com/help/rules#3.8 используйте песочницу.

[Александр Васильев]

колонки должны быть именно колонками, т. е. отдельными блоками.
Чтобы создать такие колонки, не нарушая общий список вложенных элементов, можно, к примеру, оборачивать эти элементы в колонки посредством js.

[Ankhena]

Идея давать ссылку на гугл драйв вместо песочницы сама по себе великолепна, отсекающая добрых две трети изначально желающих вам помочь.
А ссылка без доступа это просто шедевр.

что тоже логично для гридов

Угу. Это действительно логично.
И вы в шаге от решения: не надо использовать гриды для этой задачи.

[Андрей]

вместо гридов используйте columns: 2;

[Ankhena]

Андрей, не поможет, столбцы будут перестраиваться при открытии блоков.

[ksnk]

Ankhena, Почему же.

.content-comments .comments-list {
  columns: 2;
  padding: 0;
  list-style: none;
  margin: 2rem 0;
}

Вроде почти что надо. Вот только второй столбик тоже перестраивается и, вероятно, будут забавно смотреться раскрытые-закрытые комменты в нижних ответах...
P.S. Впрочем это лечится вот таким правилом

.content-comments .comment-replies {
    ...
    break-inside: avoid;
}

[Ankhena]

ksnk,

Почему же.

Потому что:

Вот только второй столбик тоже перестраивается

Я ведь именно это и написала.

Вы кликаете на блок в правом столбце, перестраиваются и первый и второй. То место, куда кликнули, куда-то перемещается из под мышки и взгляда. Просто праздник, а не интерфейс.