@holypower77

Как выровнять блоки по высоте в grid?

Как сделать так, чтобы все блоки были одинаковой высоты?
5d40f3888ab5c966705964.jpeg

<ul className="products">
  <li>
    <a>...content</a>
  </li>
</ul>

.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-auto-rows: auto;
    list-style: none;
    grid-gap: 15px;
}
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ответы на вопрос 1
@MamaLuyba
варианты:
1) задать фиксированную высоту всем блокам. самый оптимальный вариант, ибо, насколько я вижу, проблема только с длинными названиями фирм и товаров. нужно прикинуть максимальное количество строк и выставить нужную высоту блока.
2) задать фиксированную высоту названию фирм/товаров и добавить overflow. тогда названия скроются под скролл. что будет смотреться тупо.
3) обрезать названия фирм/товаров через text-overflow: ellipsis . что тоже будет смотреться не очень.
Ответ написан
Ваш ответ на вопрос

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

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