@Michey

Как сверстать адаптивную табличку на флексах?

Не понимаю как сверстать адаптивную таблицу, в которой все элементы меняют свое положение при адаптиве. Понятно, что сам порядок меняется через order, но само позиционирование на маленьком экране без дополнительного оборачивания в дивы не понимаю как реализовать.
5d28de6fbb214568377105.jpeg
5d28de7917740943625815.jpeg

Может кто сталкивался с подобным.
  • Вопрос задан
  • 111 просмотров
Пригласить эксперта
Ответы на вопрос 2
Как сверстать адаптивную табличку на флексах?


А если на гридах?
Не уверен, что идеально всё сделал.
Думаю, для примера сойдет.

Ответ написан
alex-1917
@alex-1917
на примере цены и кнопки "удалить":
это вложенная в ячейку таблица об одной строке и двух ячейках.
Для мобильных делайте для ячеек этой таблицы дисплей-блок и ячейки встанут друг над другом.
Остальные элементы аналогично

5d29df1e7d687961212849.jpeg
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sellfashion Нижний Новгород
от 100 000 до 150 000 руб.
Seldon Нижний Новгород
от 75 000 руб.
16 июл. 2019, в 23:23
5000 руб./за проект
16 июл. 2019, в 22:43
10000 руб./за проект