​Впервые использовал oder. Как говорит тимлид, дизайн должен | Джун на фронте

​Впервые использовал oder.

Как говорит тимлид, дизайн должен быть техническим. Это когда везде отступы одинаковые, кнопочки визуально схожи и сама структура блоков +- однородна. Но иногда бывает вот так.

В макете, теги стоят на desktop’е cверху а на мобилке снизу. Для того чтобы исправить эту ситуацию я придумал костыли. Влупил заголовку paddig-botooom/top 60px; и раскидал блоки через position absolute; на bottom/top 30px, left 30px. План удался.

Спустя пару дней я заподозрил что-то неладное и познакомился со свойством order. Оно позволяет задавать порядок следования отдельно взятого flex -элемента, без вмешательства в html (благодаря медиазапросам). Для изменения необходимо задать номер позиции в flex-контейнере.

Мое любимое order: -1; ставит на первое место любой элемент. Минус 4 дополнительных класса и новое свойство в копилку.

#статистика : 190 дней == 302 часов в ит.