Встречали ли вы такую сетку/расположение блоков?
flexbox с двумя колонками. У широких новостей flex-grow:1, у мелких - 0
И начинаешь заполнять
.grow1
.grow0
.grow0
.grow1
.grow0
.grow0
Будет большая, две маленьких, большая и снова две маленьких
А вот и пример :)
codepen.io/DTX/full/qNOdRx
(сверху слева кнопка - Add News)
Это разметка, в которой блоки стоят один за другим и обладают стилем:ul li {
...
    display: inline-block;
...}