Чтобы добиться того, чтобы элементы в сетке занимали пространство, в то время как высота строки оставалась неизменной или полностью отсутствовала, вы можете внести несколько изменений в ваш CSS.
1. **Настройка высоты строк**: Убедитесь, что `grid-auto-rows` не задает фиксированную высоту, так как это может вызывать проблемы с динамическим изменением высоты. Если вы хотите, чтобы высота строки автоматически подстраивалась под содержимое, установите `grid-auto-rows` на `auto`.
2. **Использование `min-height` и `height`**: В вашем коде у элементов `.ncinc_data-item` указаны `height: 100%` и `min-height: 0`. Это может вызвать конфликты, в зависимости от родительских элементов. Попробуйте установить только `min-height` или задать ему конкретное значение.
3. **Управление отступами и внутренними отступами**: Если задавать элементы с отступами (паддингом), это может увеличить общий размер элемента и повлиять на распределение пространства в сетке.
Попробуйте следующий код:
```css
.ncinc_data {
width: 100%;
display: grid;
padding-right: 2em;
gap: .5em;
grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
grid-auto-flow: row dense;
grid-auto-rows: auto; /* Изменено с 1fr на auto */
}
.ncinc_data-item {
display: flex;
flex-direction: column;
padding: 0; /* Удаление паддингов */
height: auto; /* Убедитесь, что высота автоматическая */
min-height: 0;
}
```
### Дополнительные рекомендации:
- Если вам необходимо контролировать высоту строк, вы можете экспериментировать с `grid-auto-rows` и задавать фиксированное значение для высоты, такое как `grid-auto-rows: 100px;`.
- Параметр `gap` служит для обозначения межэлементных отступов в сетке и может влиять на восприятие высоты строк.
- Убедитесь, что элементы внутри `.ncinc_data-item` также имеют соответствующую высоту, если это необходимо.
С этими изменениями вы сможете добиться желаемого результата, где элементы в сетке будут занимать необходимое пространство без фиксированной высоты строк.