Что я не так делаю с nth-child()?

Question

[mukzer]

Что я делаю не так с :nth-child()? Я хочу сделать вот такую галерею, но без дополнительных классов...
У меня получается такая галерея только если добавлять каждой фотографии дополнительные классы, а я пытаюсь сделать при помощи nth-child(), чтобы без классов, а по номеру элемента ,но когда я добавляю ещё элементы у меня всё ломается....
codepen

Comments

[Алексей Уколов]

После «я хочу вот это» в вопросе должно быть детальное описание «а получается у меня вот это» и «это меня не устраивает по вот такой причине».

Answer 1

[RAX7]

&:nth-child(6n + 1) {
    grid-column: 1 / 3;
}

&:nth-child(6n + 2) {
    grid-column: 3 / 4;
}

&:nth-child(6n + 3) {
    grid-column: 4 / 5;
}

&:nth-child(6n + 4) {
    grid-column: 1 / 2;
}

&:nth-child(6n + 5) {
    grid-column: 2 / 3;
}

&:nth-child(6n + 6) {
    grid-column: 3 / 5;
}

Comments

[mukzer]

Спасибо большое!