Как поменять местами section?

Question

[Анита Ковалева]

Всем привет, есть 3-4 section расположенные внутри main, они не являются флекс элементами main - следовательно к ним нельзя применить order. Есть ли вариант поменять местами section без использования order, если на мобильной версии сайта они расположены вперемешку.

Answer 1

[Andrej Sharapov]

Вы можете назначить main Grid и присвоить секциям grid-area, затем манипулировать ими как вам угодно.

Comments

[Анита Ковалева]

Пока еще не пробовала строить сетку на гридах, сейчас попробую

[Andrej Sharapov]

Анита Ковалева, удачи вам

[iBird Rose]

Анита Ковалева, т.е. flex ты для main не можешь назначить, но grid сразу пошла пробовать. ммм...

[Andrej Sharapov]

iBird Rose, может по заданию просто нельзя их использовать, это не так важно

[Анита Ковалева]

iBird Rose, Не могу, и нет адекватного способа разные вещи. Если вы не видели макет, зачем сразу судить о возможностях человека?

[Andrej Sharapov]

Анита Ковалева, не обращайте внимания, он просто придирается)

Answer 2

[Борис Свиридов]

создайте еще таких секции присвойте им display none после при нужном разрешение экрана верните их обратно а не нужные скройте bad-practice)

Comments

[Анита Ковалева]

Прикольно, отличный совет.