Я работаю над созданием адаптивной таблицы для электронной почты, на больших экранах она выглядит следующим образом:
![enter image description here](https://i.stack.imgur.com/8HwWT.png)
На экранах мобильных устройств, которые я отображал tr
содержимое (td) по вертикали, используя flex-direction: column
, например:
![enter image description here](https://i.stack.imgur.com/ICx6e.png)
Поскольку я хочу добавить значок перед отправителем td1
и получателем td2
вот так:
![enter image description here](https://i.stack.imgur.com/KzBdB.png)
Я не могу перегруппироваться aaa@examle.com & zzz. @ Example.com tds
вместе, затем добавьте значок перед ними, используя ::before
.
Есть ли кто-то, кто мог бы просто дать мне базовый c пример CSS трюка для их перегруппировки вместе?