Изменение порядка после nth-ребенка в сетке CSS ⇐ Html

[Anonymous]

Я собираюсь создать макет с динамическим количеством изображений, через CSS GRID, но у меня есть проблема, я бы хотел, чтобы первые 10 изображений были творчески спроектированы, в то время как более поздние, которые я хотел бы, чтобы они упорядочили в сетке. мой код. < /p>
Вероятно, ошибка здесь: < /p>

Код: Выделить всё

#container .mix:nth-child(n+11){
grid-column-start: 1;
grid-row-start: 43;
grid-column: span 4;
grid-row: span 2;
}
< /code>
[img]https://via.placeholder.com/480x240[/img]


[img]https://via.placeholder.com/480x240[/img]

[img]https://via.placeholder.com/400x240[/img]

[img]https://via.placeholder.com/400x240[/img]

[img]https://via.placeholder.com/400x240[/img]

[img]https://via.placeholder.com/400x240[/img]

[img]https://via.placeholder.com/400x240[/img]

[img]https://via.placeholder.com/400x240[/img]

[img]https://via.placeholder.com/400x240[/img]

[img]https://via.placeholder.com/400x240[/img]



[img]https://via.placeholder.com/400x240/ff0000[/img]

[img]https://via.placeholder.com/400x240/ff0000[/img]

[img]https://via.placeholder.com/400x240/ff0000[/img]

[img]https://via.placeholder.com/400x240/ff0000[/img]

Подробнее здесь: https://stackoverflow.com/questions/542 ... n-css-grid