Изменение порядка элементов в сетке на мобильных устройствах ⇐ Html

[Гость]

У меня есть базовый макет сетки:

.container{ дисплей: сетка; разрыв: 20 пикселей; столбцы-шаблона сетки: повторение (12, 1fr) } .контейнер >*{ начало сетки-столбца: диапазон 12 } @media(минимальная ширина:768 пикселей){ .элемент{ начало сетки-столбца: диапазон 6 }

Текст



Текст



Текст

Как разместить изображение во втором ряду справа на экранах размером более 768 пикселей, а текст — слева?