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