Как сделать так, чтоб блоки подстраивались под высоту самого высокого блока?

Чтобы сделать так, чтобы блоки подстраивались под высоту самого высокого блока, вам понадобится использовать CSS свойство display: flex внутри родительского контейнера.

Вот как это можно сделать:

1. Оберните ваши блоки в родительский контейнер. Назовем его, например, .container.

<div class="container">
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
</div>

2. В CSS определите стили для .container:

.container {
  display: flex;
}

Это превратит .container в flex-контейнер.

3. Теперь у всех дочерних элементов .block, находящихся внутри .container, будет одинаковая высота, которая будет соответствовать самому высокому блоку. Вам нужно только указать flex: 1 для .block, чтобы они занимали доступное пространство равномерно.

.block{
  flex: 1;
}

4. Теперь, если вы добавите контент в один из блоков, остальные блоки автоматически подстроятся так, чтобы высота была одинаковой.

Вот полный пример:

<style>
  .container {
    display: flex;
  }
  
  .block {
    flex: 1;
  }
</style>

<div class="container">
  <div class="block">Блок 1</div>
  <div class="block">Блок 2</div>
  <div class="block">Блок 3</div>
</div>

Это основной способ, чтобы сделать блоки подстраивались под высоту самого высокого блока с использованием CSS и flexbox. Он позволяет создавать упругие макеты и делает управление высотой элементов более гибким.