Разделение на две части css

Question

Не понимаю как разделить на две части и чтобы вторая ушла вниз.

Answer 1

Попробуй сделать максимальную ширину родителю или :

.class {
    display: flex;
    flex-direction: column;
}

Answer 2

.container {
  width: 600px;
  display: flex;
  outline: 2px solid orange;
}

.left {
  margin: 5px;
  width: 50%;
  outline: 2px solid red;
}

.right {
  display: flex;
  flex-direction: column;
  margin: 5px;
  width: 50%;
  outline: 2px solid green;
}

.block-1 {
  margin: 5px;
  outline: 2px solid yellow;
}

.block-2 {
  margin: 5px;
  outline: 2px solid hotpink;
}

<div class="container">
  <div class="left">Some text</div>
  <div class="right">Some text anover
    <div class="block-1">text</div>
    <div class="block-2">text</div>
  </div>
</div>

БЛОГ НА HUSL

Разделение на две части css

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