TGViewer
ИП на ЗП ИП на ЗП @pro_nocode · 1.1K subscribers
Post #268 887
Илья подкинул интересное решение по тому, как сделать чтобы элементы менялись местами на мобилке.

Кейс такой:
Контейнер - row, в десктопе блок находится справа, на мобилке его нужно поставить на первое место , т.е влево.

Решение:
1. Присваиваем левому элементу ID leftside
2. Для правого элемента пишем condition, что когда ширина страницы меньше нужного значения, то ID элемента будет rightside
3. В header страницы вставляем код ниже. Место для вставки кода находится в настройках страницы - вкладка Appearnce - Page HTML Header

Код для вставки:
<style>
#leftside { order:2; }
#rightside { order:1 !important; }
</style>


Если тестируете на компе в браузере, то будет срабатывать только при перезагрузке страницы. То есть выбираете, например, ширину экрана 400, обновляете, видите результат.
  • 👍 12
  • 🔥 5
More from @pro_nocode
  1. Sep 10, 2026Открываю форточку в мир😄
  2. Sep 8, 2026Чёт только щас допёрло, что вот есть UX-дизайнер/писатель/маркетолог т.е человек, отвечающ…
  3. Jun 22, 2026Короче, чуть больше месяца назад решил поэкспериментировать с историей "Клод сделай мне де…
  4. May 20, 2026Среди всего хайпа про AI агентов для продаж, тех поддержки и прочего маркетинга хочется пр…
  5. Apr 19, 2026Зарубежный X: кучи примеров как claude design делает какие-то разъёбные вещи, восторг, раз…
  6. Apr 12, 2026Прочитал вчера про remote-control в Claude code и решил себе поставить и потестить. У меня…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →