Как сделать такую сетку на nth-child?

Question

[IIIu6ko]

Всем добрый день. Делаю вот такую сетку, вроде простая с виду, а на деле запнулся.
Подскажите как с помощью nth-child можно её сделать?

Мне нужно сделать 6, 18, 30 и т.д. большим по правому краю, а 11, 23, 35 и т.д. по левому краю.

Чуть не забыл, там в основе лежит masonry.

Щас ещё сделаю пример на codepen

Comments

[Ankhena]

Мне нужно сделать 6, 18, 30 и т.д. большим по правому краю, а 11, 23, 30 и т.д. по левому краю.

Что-то тут не то

[IIIu6ko]

Ankhena, Поправил. Короче каждый 12ый начиная с 6го элемента и каждый 12ый начиная с 11го.

[Ankhena]

IIIu6ko,

:nth-child(12n - 6) и :nth-child(12n - 1)
https://jsfiddle.net/c2omnqvL/

Answer 1

[Сергей delphinpro]

На гридах, без masonry

Comments

[IIIu6ko]

Спасибо! не сразу понял что сделано аналогично на nth-child.