Как заставить один из элементов быть всегда в нужном месте?

Question

[Антон Середний]

Добрый день, есть вот такой блок. Вроде все просто, думал делать флексом. Но, клиент хочет, чтобы блок "сотрудник" месяца всегда был в правом верхнем углу... т.е. он всегда будет 3 по счету на экране, хотя в коде он может быть любым по счету, поскольку в админке можно менять сотрудника месяца...



Как сделать, чтобы элемент с доп. классом сотрудника месяца сам перелазил в нужное место, не нарушая ряды других сотрудников.

Comments

[Kovalsky]

У вас все это не адаптивно, всегда будет три колонки?

Answer 1

[Егор]

https://developer.mozilla.org/ru/docs/Web/CSS/order

Comments

[Михаил]

Order просто задаст приоритет, а не позицию. Так, что только им тут не обойтись.

[Егор]

Михаил: можно вот так попробовать codepen.io/egorava/pen/wzaEWw
Но наверное лучше формировать вывод уже из админки правильно.

Answer 2

[dimamovcean]

намного логичнее при выводе из админки решить этот вопрос