Как красиво выводить нечетное количество элементов в контейнере flexbox?

Question

[Владислав Поляков]

Суть такова, нужно , чтоб при наличии нечетного кол-ва элементов в контейнере flexbox , первый элемент занимал бы всю строку, а остальные четеры разбивались по два на строку. В контейнерах новости, порядок строго обязателен!

Answer 1

[Андрей Верх]

div:last-child:nth-child(odd) {flex-basis:100%;}

Comments

[Владислав Поляков]

Немного не то. div:first-child{flex-basis:100%;} Помогает , но тогда перестает нормально работать компоновка для всех остальных компонентов.

[Андрей Верх]

Каких компонентов? Может вы код выложите?