Основное предназначение неразрывного пробела - запрет переноса следующего за ним слова/символа на новую строку.
Т.е. при выводе, например, "Товар& nbsp#1" не получится такого, что "Товар" окажется на одной строке, а "#1" - на следующей.

Link

flexbox с двумя колонками. У широких новостей flex-grow:1, у мелких - 0

И начинаешь заполнять
.grow1
.grow0
.grow0
.grow1
.grow0
.grow0

Будет большая, две маленьких, большая и снова две маленьких

А вот и пример :)
codepen.io/DTX/full/qNOdRx
(сверху слева кнопка - Add News)

Это видео.
bundy.madebywild.com/cms/wp-content/uploads/2016/0...