@Enemy566

Flexbox. Как розместить оранжевые боксы как на картинке?

Как должно быть 5fc16364a80e5384049090.png

Заготовка: https://codepen.io/Enemy566/pen/MWexGbo?editors=0100
  • Вопрос задан
  • 1238 просмотров
Решения вопроса 1
verkhoturov
@verkhoturov
HTML-Верстальщик / Frontend Developer
Оберните оранжевые боксы в дополнительный div
<div class="section">
   <div class="p"></div>
   <div class="new-div">
      <div class="orange"></div>
      <div class="orange"></div>
   </div>
</div>

Этой обертке дайте свойства
.new-div {
   display: flex;
   justify-content: space-between;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Belartale
@Belartale
Front-end week-junior developer
Есть хорошая шпаргалка, с визуальными примерами
вот тут
Поиграся с свойствами флекса, что бы понимать какое лучше подходит.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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