@kakisaebalsujit

Как в css разместить два блока друг под другом?

Доброго времени суток.
У меня есть два блока (скрин ниже)
5e4b8f03bb03f284816596.png
А мне нужно их разместить друг под другом, как это правильно сделать?
Код css файла:
#board_line {
	display: flex;

}

#board_left_up {
	height: 225px;
    width: 16.1%;
    background: black;
    border-radius: 20px;
    margin-left: 4%;
    flex-direction: column;
}

#board_left_down {
	height: 490px;
    width: 16.1%;
    background: black;
    border-radius: 20px;
    flex-direction: column;
}

.column {
	flex-direction: column;
}

И html файла:
<body>

    <div id="board_menu"></div>

    <div id="board_line">
      
      <div id="board_right"></div>

      <div id="board_center"></div>
      
      <div id="board_left_up" class="column"></div>

      <div id="board_left_down" class="column"></div>

    </div>
 
</body>

Заранее спасибо
  • Вопрос задан
  • 10629 просмотров
Пригласить эксперта
Ответы на вопрос 2
uselessmindYEAH
@uselessmindYEAH
Frontback cocaine developer
#board_line {
  display: flex;
  flex-direction: column;
}
Ответ написан
i__dmitry
@i__dmitry
Weaving a web
Самый простой и очевидный выход - положить оба эти блока в одну правую колонку, тогда они будут один над другим.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы