@Huntgold

Как сделать так, чтобы Grid сетка занимала высоту элемента?

9ObV4pJ.jpg

Есть 5 элементов Grid:
Col1 Content
Col2 Content
Col3 Content
Col4 Content

Нужно чтобы элемент сетки Content всегда занимал высоту равную высоте контента в нем. А также чтобы другие элементы сетки слева занимали высотку равную высоте контента в них и не обращали внимания на Content. Как это сделать?

display: grid;
  grid-template-columns: 20% 80%;
  grid-template-rows: auto auto auto auto;
  gap: 10px;
  grid-template-areas: "col1 content"
                       "col2 content"
                       "col3 content"
                       "col4 content";
  • Вопрос задан
  • 56 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
align-self: start;
либо
align-items: start;



Но если контента в правом столбце будет больше, чем в левом, то нужно добавить еще один налево.
Вот так
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы