Как заполнить пространство по вертикали в CSS grid?

Question

[Иван]

Здравствуйте товарищи! Помогите пожалуста, нужно заполнить сетку по вертикали.
Есть некая сетка, надо сделать чтобы заполнялось все пространоство по вертикали. Пробовал свойство align-items:start не помогло. Документацию я читал, несколько раз, ничего не понял ((

#content {
display:grid;
grid-template-columns:1fr 1fr 1fr;
justify-content:space-between;
column-gap:10px;
row-gap:10px
}

Answer 1

[WapSter]

Оно по умолчанию заполнено. Если в пустое пространство нужны дополнительные ячейки, это уже не грид, а masonry. Еще можно попытаться использовать grid-auto-flow: dense, но для этого нужно указывать точную высоту ячейки.

Comments

[Иван]

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

[WapSter]

Иван Анатоличь, можно, но достаточно сложно. https://medium.com/@andybarefoot/a-masonry-style-l...

[hzzzzl]

WapSter, да кстати не особо и сложно, классный линк, схороню себе

Answer 2

[Elvin_Fich]

height:max-content;