Всем привет.
Медиа блок из 4 новостей, каждая новость своего размера, в целом выглядит все вместе как квадрат.

Пример то что нужно:



Суть, вывожу новости через контроллер. И так вывожу 4 новости.
<div class="nww">
<?php foreach ($news as $news) : ?>
<div><?php echo $news->title ?></div>
<?php endif; ?>
</div>

То есть выходит так:
<div class="nww">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>

Я пробовал сделать:
https://codepen.io/AXOT/pen/QWBqNPY

nth-of-type(1)
nth-of-type(2)
nth-of-type(3)
nth-of-type(4)

Таким методом, каждому диву в который обернута новость и так 4 новости, мы можем применить свой вид блока, квадрат, или вытянутый, но в моем примере чет не получилось сделать.

Мне надо чтобы лишних вложений не было, а то придеться php вывод новостей переписывать, чтобы применять для каждой новости свой вид дизайна.

Я щас просто пытаюсь определить див через nth-of-type(1) и ему выдать дизайн нужный для блока.

Пытаюсь описывать, чтобы правильно меня поняли.

Можно сделать типа так: но такой метод не подходит,учитывая вывод новостей в моем php примере.
<div class="nww">
<div>1</div>
<div>2</div>
<div>
<div>3</div>
<div>4</div>
</div>
</div>

Задача довольно простая, я подобное не делал, по этому как-то туплю.

Если можно, не использовать грид.