• Как перестроить две строки с тремя ячейками в три строки с двумя ячейками?

    @PluckyPixie Автор вопроса
    Решила вопрос следующим образом:
    делаю три отдельные таблицы внутри одной большой. В каждой таблице всего одна строка с одной ячейкой, в ячейке два span со свойством display: block.
    Так визуально у нас получается будто бы две строки по 3 ячейки в каждой.
    На мобильном через медиа-запросы задаем адаптивность для каждой таблицы (чтобы она занимала 100% ширины) и для каждого span-а такие параметры:
    display: inline-block;
    width: 130px; (тут ширину можно взять произвольно, просто именно с такой в моем случае на экране мобильного оба блока помещаются в одну строку и не перестраиваются друг под друга).
    Плюс задаем нужные нам отступы, что блоки не прилипали друг к другу.

    Спасибо всем, кто откликнулся и предложил свои варианты!
    Ответ написан
    Комментировать