Всем привте! Вот есть сайт http://the-flow[dot]ru там до дефолту 9 карт и слева и справа блоки по 4 новости. Например эти 9 карт я понимаю - например 9 последних отобразить, а слева и справа блоки по какой логике там извлекается. Можете посмотреть пожалуйста спасибо.
Можете там "больше новостей" кнопку внизу понажимать еще...

Добрый день!
Для 100% достоверного ответа нужно аккуратно разбираться с PHP-кодом и с JS.

По HTML-коду можно предположить, что логика такая:
1. Задумывалась разбивка в три строки по четыре блока ширенной по 300px, отступ margin-right:13px:
- первая строка, слева на право: 3 div-контейнера с картинками class=publication__item и один div-контейнер с новостями class=publication__item shortnews
- вторая строка, слева на право: 4 div-контейнера с картинками class=publication__item
- третья строка, слева на право: один div-контейнер с новостями class=publication__item shortnews 3 div-контейнера с картинками class=publication__item

2. Контейнеры с классами publication__item и publication__item shortnews наследуют свойство float:left, поэтому задуманная разбивка
выводится по разному на разных экранах и браузерах и разваливается.
Поэтому то 3 то 4 блока в строке и вроде бы логики потерялась.
Для этой затеи нужен адаптивный дизайн.

Удачи!

Кстати, вот здесь можно посмотреть как я это(дивы,блоки, карты) сделол http://afisha[dot]net[dot]ru