Grid css как убрать влияние высоты соседнего блока?

Question

[Altron8337]

создал меню на grid всё хорошо, но в одном блоке больше текста из-за чего высота его больше остальных и все блоки в ряду становятся такой же высоты, а нужно что бы высота остовалось прежней

Comments

[Григорий]

Покажи пример

[Сергей delphinpro]

align-items: start
По умолчанию stretch, поэтому ячейки равной высоты

[Altron8337]

Сергей delphinpro, спасибо, высота теперь нужная, но между блоками появился отступ который создаёт туже проблему, всмысле он компенсирует ту высоту что была раньше

[Сергей delphinpro]

Altron8337, вот теперь непонятно. Сделайте пример в песочнице, или хотя бы скриншот.

[Altron8337]

вот основной код

.menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 10px;
  align-items: start;
  grid-column-gap: 30px;
}
 .menu .menu-item {
}

[Altron8337]

Сергей delphinpro, может есть что то на подобие этого align-items: start только для отступов?

[Сергей delphinpro]

Altron8337, нет. новая строка всегда начинается ниже самого высокого блока.
Можете попробовать вертикальное направление ячеек. Но наверное будут другие трудности.