Задать вопрос
DariaShvakh
@DariaShvakh
"Она - безнадёжна" (с)

Как расположить флексами «детей» по диагонали «родителя» без JS?

Добрый день!
Скажите пожалуйста как можно расположить дочерние дивы по диагонали родителя без JS.
В идеале это конечно реализовать на флекс-боксах, но как ?
Мой вариант всего родителя разлиновывать, как шахматную доску и скрывать все клетки-дивы кроме тех, что по диагонали, но может есть ещё варианты?
И "детей по углам" предполагаю позиционировать абсолютом относительно релятива родителя, но может их так-же можно как-то флексами? И они потом "ответят" - адаптивной благодарностью:)
Спасибо!
P/S Визуализирую этот "поток сознания и некомпетентности" 5b631c02c7ac4048052124.png
  • Вопрос задан
  • 459 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Можно создать под-родителя с отступом на одну ширину. И просто каждый блок кидать в такого родителя
папа
  под-папа
    блок
    под-папа
       блок

таким образом, каждый следующий будет правее.
Ответ написан
@alekseydemyanenko
align-self
start -для первого
end- последний
2и3 -center
3- margin-top.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы