@xonar
А смысл?

Где использовать flex?

Доброго вечера всем. Просьба не ругаться сразу.
"Изучил" флексбоксы, как они работают. Но, так и не понял, когда их нужно применять, а когда не нужно. В гугле каждый пишет по-разному.

На примере макета можете объяснить, где их задействовать? На макете (скрин приложу), я выделил красным цветом, где можно использовать, а точнее нужно флексы.

И если можно вкратце, порекомендуйте когда их стоит использовать в каких случаях, а когда нет.

5d0500ea3bb0d950187640.png
  • Вопрос задан
  • 640 просмотров
Решения вопроса 1
JRK_DV
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
флексы нужны для удобства расположения внутренних элементов.

Первый выделенный блок, какое удобство тут принесёт флекс?
По мне так никакого, тут только внешние отступы между элементами пригодятся.
Второй блок
Да, тут можно воспользоваться флексом, чтобы контролировать расположение и ширину дочерних элементов
Третий блок
Тут тоже не вижу удобств от флекса, центрирование блока можно и внешними отступами (margin)
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
profesor08
@profesor08 Куратор тега CSS
1. как хочешь, но нужды нет.
2. 50/50, разницы нет, но с флексами кода меньше будет, да и надежнее.
3. можешь использовать, но нужды нет.

Flexbox он для удобства, если тебе удобно, то используй, хоть везде, если не удобно, то не используй. Тут нет строгих правил. И вообще в вебе нет строгих правил. Развлекай себя как хочешь.
Ответ написан
@TheTrace
Ну по сути, не везде его можно использовать у тебя, например в блоке в самом верху его просто подвинули влево и вверх от центра, в последней использовали flex-direction: column и justify-content. Подробнее в этой статье: https://tproger.ru/translations/how-css-flexbox-works/
Ответ написан
Ваш ответ на вопрос

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

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