@mukzer

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

Что я делаю не так с :nth-child()? Я хочу сделать вот такую галерею, но без дополнительных классов...
У меня получается такая галерея только если добавлять каждой фотографии дополнительные классы, а я пытаюсь сделать при помощи nth-child(), чтобы без классов, а по номеру элемента ,но когда я добавляю ещё элементы у меня всё ломается....
codepen
60f5be913463f700303623.jpeg
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
RAX7
@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;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы