Всем привет, есть верстка карточек новостей размерами (1/1 , 1/2, 1/3)
В карточках типа 1/2 и 1/3 есть отступы между друг другом в виде margin-right: 24px
Для Примера возьму карточки 1/2 - я им задаю
:nth-of-type(2n) {
margin-right: 0;
}
Так как они должны вдвоем стать в ряд, то у второго убираем отступ справа
Вопрос, почему в верстке, когда уже добавлено много карточек, начинает сбиваться порядок отступов, первая карточка размером 1/2 имеет margin-right: 0;, а вторая, которая должна быть без отступа, имеет, margin-right: 24px
Пример блока с новостями
контейнер с классом display:flex;flex-direction:row;flex-wrap:wrap
карточка 1/1
карточка 1/2 карточка 1/2
карточка 1/3 карточка 1/3 карточка 1/3
Как я понял, что идёт подсчёт :nth-child() / nth-of-type() с самого начала, включая карточку 1/1, хотя в стилях я прописал, что должно отсчитывать именно от карточки 1/2
Как сделать, чтобы работало, как я в стилях прописал ?