@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.
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы