Возможно адаптировать данную таблицу или только скролл?

Question

[0906ddd]

или только скролл?

Comments

[Wispik]

если две колонки всего, сделай просто на флексах и все, в чем проблема-то?

[Ankhena]

На мобилках гриды, флексы и в данном случае, хоть вообще обычный display block.

Что именно у вас не получилось?

[0906ddd]

Ankhena, если делать через table
то это возможно адаптировать? или только скролл?

[Ankhena]

0906ddd,

если делать через table
то это возможно адаптировать?

я вам вроде написала.
Да.
Делаете <table>, на мобилках меняете у таблицы, строк и ячеек display на нужный вам. В данном случае достаточно block.

[0906ddd]

Ankhena, простите, не через чайлды?
https://jsfiddle.net/8yzk0ubt/2/

[Ankhena]

0906ddd, как вам удобнее. Хотите классы расставьте.

[0906ddd]

Ankhena, я к тому что - вот этого мало? и оно не то делает

Делаете <table>, на мобилках меняете у таблицы, строк и ячеек display на нужный вам. В данном случае достаточно block.

[Ankhena]

0906ddd, осталось для table
https://jsfiddle.net/yvpz7wsu/

Answer 1

[Pavel-ww]

Если нет доступа к HTML то с помощью css только скролл.

Comments

[0906ddd]

Pavel-ww, есть

[Ankhena]

display меняется без изменения разметки..

[Pavel-ww]

0906ddd, тогда всё просто - вставьте заголовки таблицы в ячейки с текстом и скройте их для десктопов. В мобильной версии отобразите заголовки вставленные в ячейки, скройте ячейки с заголовками для десктопов, и для всей оставшейся таблицы уже дело техники - display: flex, flex-direction: column и далее прочая стилизация, паддинги и т.д.