У меня есть сетка css, которую я использую на своей веб-странице, код которой приведен ниже. Я хочу изменить высоту этой сетки, чтобы не было так много места между нижней / верхней частью сетки и элементами в моей сетке.
Однако, когда я добавляю свойство height: 100px в свой класс сетки, высота ячеек уменьшается неравномерно. Я хочу иметь возможность изменить это так, чтобы ячейки моей сетки уменьшались одинаково, и поэтому горизонтальная линия между моими ячейками сетки была равномерно распределена.
Я не уверен, действительно ли это имеет какое-то ощутимое различие, но кажется неправильным, что два ряда сеток имеют неравную высоту, когда я указываю высоту для всей сетки.
.title-grid {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: #bfbfbf solid 1px;
}
Перед добавлением свойства высоты: 
После добавления свойства высоты (красная линия примерно там, где я хочу, чтобы была разделительная горизонтальная линия)
