Элементы сетки CSS с одинаковой шириной, но разной высотой, оставленные с пробелами [дубликат] ⇐ Html

[Anonymous]

Эй, у меня есть список элементов в сетке, и я пытаюсь удалить пробелы. Я пытался использовать плотные и автоматические строки, но оба не работают с сеткой
.note-list{
grid-column: 2;
justify-content: center;
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 10px;
justify-items: center;
grid-auto-flow: dense ;
}
.note-list .note{
box-sizing: border-box;
width: 100%;
height: fit-content;
border-radius: 10px;
border: 1px solid #e0e0e0;
box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
overflow: hidden;
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... ite-spaces