Каким образом можно изменить порядок div элементов?

Question

[Кирилл]

.container-tovar {
  width: 900px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-template-rows: repeat(4, 500px);
  }

С помощью данной конструкции для сайта я получил отображение следующего вида:
"текст картинка
картинка текст
текст картинка"

Со смартфона выглядит так:
"текст
картинка
картинка
текст
текст
картинка"

А нужно так:
"текст
картинка
текст
картинка"

Каким образом можно это сделать?

Comments

[Вова Дружаев]

демку на кодепен давайте. гадалки пока в отпуске

[Павел]

order

https://www.sitepoint.com/order-align-items-grid-l...

[#FFFFFF]

флексы флексы флексы
+ ордер

Answer 1

[Антон Усачев]

order
Меняем ширину экрана, чтобы посмотреть в действии.