<div class="kapsayici">
  <div class="bir">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia reiciendis illum in ullam unde ut ratione expedita! Eum voluptates quia nulla, voluptas laudantium deleniti eaque, necessitatibus, dicta quibusdam doloremque vitae? Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia reiciendis illum in ullam unde ut ratione expedita! Eum voluptates quia nulla, voluptas laudantium deleniti eaque, necessitatibus, dicta quibusdam doloremque vitae? Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia reiciendis illum in ullam unde ut ratione expedita! Eum voluptates quia nulla, voluptas laudantium deleniti eaque, necessitatibus, dicta quibusdam doloremque vitae?</div>
  <div class="iki">İki</div>
  <div class="uc">Üç</div>
</div>

.kapsayici {
  display: flex;
  width: 800px;
  margin-inline: auto;
  resize: horizontal;
  overflow: hidden;
}

.kapsayici > div {
  aspect-ratio: 1 / 1;
  flex: 1 0;
}

.bir {
  background-color: lightblue;
}

.iki {
  background-color: lightsalmon;
}

.uc {
  background-color: lightseagreen;
}