Как изменить порядок строк и столбцов в зависимости от области просмотра? ⇐ CSS

[Anonymous]

Можно ли с помощью Bootstrap 5 использовать эти два разных макета в зависимости от области просмотра?





Я хотел бы, по возможности, избегать трюков с display:none и JS/Jquery.

Я пытаюсь сделать это с помощью инструментов начальной загрузки 5, как показано ниже, но на большом экране это не работает:

1 2 3

Результаты на большом экране (с приведенным выше кодом на маленьком экране все работает как положено):





Спасибо за помощь