Выровнять раздел, направляющийся с первым элементом контента вместо того, чтобы сосредоточиться на макете Flexbox ⇐ Html

[Anonymous]

Я работаю над макетом секции, где у меня есть заголовок и контейнер с контентом, используя Flexbox, чтобы центрировать содержимое горизонтально. Контейнер содержимого содержит несколько медиа-карт. < /P>

Section Headline


Media Card 1

Media Card 2

Media Card 3



< /code>
Проблема, с которой я сталкиваюсь, заключается в том, что заголовок должен соответствовать началу первого элемента контента (первая медиа -карта), но я не хочу сосредоточить его в самом разделе. Как я могу выровнять заголовок в соответствии с началом первой медиа -карты (см. Следующий скриншот) вместо того, чтобы сосредоточить ее с содержанием? мне желаемый отзывчивый результат. Есть ли решение на основе Flexbox или простой подход CSS, который может достичь этого?


Подробнее здесь: https://stackoverflow.com/questions/791 ... -in-flexbo