@patashok

Почему не срабатывает justify-content?

Вот html:
<div class="third-row">
                    <div class="orange-bg">
                        <div class="flex">
                            <h1>Creative<br> design<br> services</h1>
                            <div class="black-item">
                            </div>
                        </div>
                    </div>
                </div>

Вот CSS:
section.first .third-row {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 15px 0; }
  section.first .third-row .orange-bg {
    width: 100%;
    height: 375px;
    background: linear-gradient(145deg, #fd9b00, #e14f00); }
    section.first .third-row .orange-bg .flex {
     display:  flex;
      flex-direction: column;
      justify-content: space-between; }
      section.first .third-row .orange-bg .flex h1 {
        font-size: 85px;
        font-family: nevisBold;
        color: #f4f4f4;
        text-transform: uppercase;
        line-height: 0.9; }
      section.first .third-row .orange-bg .flex .black-item {
        width: 440px;
        height: 40px;
        background: #090909; }

Почему не работает justify-content: space-between? При этом, когда убираю flex-direction: column, то все нормально. Че это за ггг?
PS: Css код безалаберный потому, что пишу с помощью sass.
  • Вопрос задан
  • 102 просмотра
Решения вопроса 1
Krasnodar_etc
@Krasnodar_etc
little front
Это же колонка, надо ей высоту установить. Иначе как она рассчитает отступы между элементами?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
TechFunder Винница
от 1 000 eur.
22 июля 2018, в 20:41
10000 руб./за проект
22 июля 2018, в 20:13
2000 руб./за проект