Как дизайнер накреативит дизайн для мобильных версий, так и должны верстать, а вы в свою очередь, должны задавать ему вопросы о том, как должен себя вести блок при том или ином разрешении экрана.
Что ж все во фронт часть лезут, если это можно решить на серваке, не загружая пользователя.
Сервак - он умный, он знает, с какова устройства пользователь зашёл. В зависимости от этого и отдавайте необходимое кол-во новостей и стройте пагинацию.
Поддерживаю ответ с masonry. НО если постараться обойтись одним ксс-ом, то я бы вашим блока задал высоту, и соответствующего размера Line-height. Ну и ещё text-align: center; таким образом у вас картинка выравниться по горизонтали и по вертикали.