Flexbox — размер «div» на основе других «div» ⇐ Html

[Anonymous]

У меня есть следующий HTML-код:

Код: Выделить всё

VENIAM DEBITIS PERFERENDIS


Lorem ipsum dolor sit amet
consectetur adipisicing elit. Quam vel ex, harum asperiores, nemo.
recusandae placeat, iure est totam cumque


iste temporibus illo
Incidunt a nam recusandae deleniti aliquid iure
repellat delectus fugiat, rerum sed consectetur id

И этот код CSS:

Код: Выделить всё

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

.title {
background-color: cornflowerblue;
}

.content {
display: flex;
}

.part-a {
background-color: #BEEECE;
}

.part-b {
background-color: #EEDBBE;
}

И мне хотелось бы, чтобы ширина элемента div, содержащего заголовок, соответствовала ширине двух элементов div под ним.
Я пробовал много вещей, и мне удалось добиться рендеринга, добавив ширину: max-content; в класс страницы.
Но при этом я теряю автоматическое сжатие элементов div ниже, если меняю разрешение.
Есть ли какой-нибудь трюк, чтобы сохранить эту структуру, или мне нужно использовать "сетка"...?
что бы я хотел



Подробнее здесь: https://stackoverflow.com/questions/798 ... other-divs