CSS GRID: иметь высоту строк, установленную контентом внутри первого столбца [Duplicate] ⇐ Html

[Anonymous]

У меня очень простая сетка с тремя столбцами в одной строке. Я хотел бы, чтобы контент первой столбец достиг высоты двух других столбцов - проблема в том, что теперь я знаю, насколько велик будет содержание первого Col (его динамическое), поэтому я не могу установить высоту. < /P>
Это возможно? < /p>

.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
align-items: start;
}
.column {
background-color: darkblue;
padding: 1rem;
}



One
The content that is inside this column should set the height of the other columns. This content can be dynamic and we don't know what the height will be.

Two
This column can have a lot of content and will scroll if longer than col one.
More content...
More content...
More content...
More content...
More content...
More content...
More content...
More content...
More content...

Three
This column can have a lot of content and will scroll if longer than col one.
More content...
More content...
More content...
More content...



Подробнее здесь: https://stackoverflow.com/questions/793 ... rst-column