Как сделать все флекс-элементы в строке одинаковой высоты? При этом, чтоб текст прижался кверху, а не по центру?

Чтобы сделать все флекс-элементы в строке одинаковой высоты и при этом текст прижимался кверху, а не по центру, вы можете использовать комбинацию свойств CSS, таких как display: flex, align-items: flex-start и justify-content: flex-start.

Вот пример кода:

<style>
    .flex-container {
        display: flex;
    }

    .flex-item {
        align-self: flex-start;
        justify-self: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
    }
</style>

<div class="flex-container">
    <div class="flex-item">
        Элемент 1
    </div>
    <div class="flex-item">
        Элемент 2
    </div>
    <div class="flex-item">
        Элемент 3
    </div>
</div>

В этом примере мы создаем контейнер с классом "flex-container", который использует свойство display: flex для включения flex-контейнера. Затем мы создаем элементы внутри контейнера с классом "flex-item".

Для того чтобы элементы были одинаковой высоты, мы не устанавливаем свойство height для них, а просто определяем значение для свойства align-self и justify-self равное flex-start. Свойство align-self устанавливает выравнивание элемента по вертикали (к верху), а свойство justify-self устанавливает выравнивание элемента по горизонтали (также к верху).

Чтобы убедиться, что текст прижимается к верхней границе, мы также используем свойства align-items и justify-content, которые устанавливают выравнивание для всех элементов внутри контейнера.

Надеюсь, это поможет вам достичь нужного эффекта в вашем задаче!