CSS columns: FAQ в две колонки на десктопе
column-count, gap и break-inside.
`columns: 2` с `column-gap` делит список вопросов на газетные колонки без grid — блоки идут сверху вниз по колонке.
На каждый `<details>` задайте `break-inside: avoid`, иначе вопрос разорвётся между колонками.
- columns — MDN — Сокращение column-*.
- column-count — MDN — Число колонок.
Мобильный
В `@media (max-width: …)` верните `columns: 1` — на узком экране две колонки ухудшают чтение.