3*3.
Как мне запихнуть в центр статик картинку?
Что-то не соображу.
Flex order не помог, так как он работает за пределами цикла.
положить в середину массива эту карточку?
данные с api прилетают
Можно было еще гридами расставить
Да, только у зелено-желтых ячеек нет четкого паттерна цвета в таком варианте, поэтому через индекс все-таки проще https://codepen.io/wspwebben/pen/YzdZpVw
картинка для примера, вся проблема именно в центральном элементе была
.cell:nth-child(even):nth-child(n - 5) { background-color: yellow; } .cell:nth-child(odd):nth-child(n - 5) { background-color: green; } .cell:nth-child(odd):nth-child(-n + 5) { background-color: yellow; } .cell:nth-child(even):nth-child(-n + 5) { background-color: green; }
Обсуждают сегодня