Как сделать такую таблицу?

Question

[Muslim Mamaev]

Здравствуйте! Как сделать такую таблицу без <table> <td> <th>? Нужно сделать адаптивный, чтобы с телефона норм выглядела.

Comments

[Владислав Лысков]

Какую? Без чего?

[origami1024]

Владислав Лысков, ну она там есть внутри, кстати. Если очень хочется, то можно на нее посмотреть, если нажать "поправить вопрос".

[Muslim Mamaev]

Владислав Лысков, Здравствуйте! Как сделать такую таблицу без <table> <td> <th>? Нужно сделать адаптивный, чтобы с телефона норм выглядела.

[origami1024]

Muslim Mamaev, 5 дивов сам не можешь расположить?

[Ankhena]

Muslim Mamaev, что именно у вас не получается?
Код сюда: jsfiddle.net

[Muslim Mamaev]

Ankhena, С третей ячейкой не получается. не получается делать как на скрине

Вот код https://codepen.io/muslim-magomaev/pen/gOORopR

[Ankhena]

Muslim Mamaev,
переделать всё на флексы
убрать кучку лишних оберток, (я имею в виду .wrappers)
задать выравнивание
задать нижнюю границу для .box:not(:last-child)

[Muslim Mamaev]

Ankhena, Пожалуйста сделайте мне такую страницу тогда. Я целый день мучаюсь на этой таблицой

[Muslim Mamaev]

таблицу а не страницу

[Ankhena]

Muslim Mamaev, как выглядит полная вся таблица?
Во всех строках в предпоследнем столбце ячейка разделена на 2 части?
Что там с данными, должна ли эта конструкция перестраиваться на мобилках, если да, то как?

[Muslim Mamaev]

Ankhena, должна выглядит как на скрине выше, адаптироваться на телефоны должна как есть, если возможно

[Ankhena]

Muslim Mamaev,

адаптироваться на телефоны должна как есть, если возможно

Если она не перестраивается, то делайте таблицы специально для этого предназначенным тегом table и не парьте себе мозг.

[Ankhena]

Muslim Mamaev,
так на флексах https://jsfiddle.net/ukrewxzy/