Настройка положения элементов в сетке CSS в зависимости от содержимого ⇐ CSS

[Anonymous]

У меня есть CSS-сетка с тремя элементами. Заголовок и две области контента. Моя сетка определена как имеющая два столбца шириной 50%

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

.my-grid {
display: grid;
grid-template-columns: 50% 50%;
}

Я пытаюсь добиться некоторого изменения положения, когда содержимое моего элемента заголовка достаточно длинное. Например:


Я не хочу использовать JS или использовать уникальные классы для достижения этой цели. Я хочу, чтобы он работал автоматически в зависимости от ширины заголовка. Возможно ли это на чистом CSS?

Подробнее здесь: https://stackoverflow.com/questions/783 ... n-contents