@indeveloping

Как сделать такой грид?

Есть список из li элементов которые должны раскладываться как на картинке. Количество элементов заранее неопределенно.
60b913f9809e6547786405.png
1-й и 10-й элемент занимают 2 ячейки по ширине и высоте. Следующие 11-й и 20-й тоже. И так далее. Я думал реализовать это через nth-child, но что-то не особо выходит, так как grid-row у больших ячеек должен быть всегда разный.
  • Вопрос задан
  • 151 просмотр
Решения вопроса 2
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Интересно, на каких курсах дают это задание.
Я уже себе даже фиддл сохранила
https://jsfiddle.net/Ankhena/dfot524b/
Ответ написан
kryamk
@kryamk
Ну если уж совсем по техзаданию...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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