Порядок элементов (order)

Можно задавать порядок вывода дочерних элементов display: flex через CSS-свойство order.

Например, надо выводить элементы как на картинке ниже:

В этой ситуации в мобильной версии можно просто поменять телефон и поиск местами (вместо того, чтобы создавать отдельный блок с телефоном под мобильную версию).

/* дочерние элементы display: flex */

.logo {
    order: 1;
}

.search {
    order: 3;
}

.phone {
    order: 2;
}

Пример на JSFiddle