justify-content по правому боку не распологает

Question

во флексе justify-content: flex-end; не работает, т.е. блоки всё равно находятся в левом краю.

.intro_content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

<div class="intro_content">
  <h1 class="intro_title">
    We Design and Develop
  </h1>
  <div class="intro_text">
    We are a new design studio based in USA. We have over 20 years of combined experience, and know a thing or two about designing websites and mobile apps.
  </div>
  <div class="intro_button">
    Contact us
  </div>
</div>

Answer 1

Потому что flex-direction: column;, то есть в столбик. Чтобы было в строку - надо flex-direction: row;

Answer 2

Раз Вы поменяли направление со стандартного row на column, то теперь надо задавать не justify-content, а align-items:

.intro_content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

<div class="intro_content">
  <h1 class="intro_title">
    We Design and Develop
  </h1>
  <div class="intro_text">
    We are a new design studio based in USA. We have over 20 years of combined experience, and know a thing or two about designing websites and mobile apps.
  </div>
  <div class="intro_button">
    Contact us
  </div>
</div>

БЛОГ НА HUSL

justify-content по правому боку не распологает

Ответы (2 шт):