Masonry layout with css grid
问题 I'm trying to create masonry layout using css grid layout . All items in grid have variable heights. And I don't know what items will be. So I can't define grid-row for each item. Is it possible to start each new item right after end of previous in column? Code I'm trying: .wrapper { display: grid; grid-template-columns: repeat(auto-fill, 330px); align-items: flex-start; grid-column-gap: 10px; grid-row-gap: 50px; } .item { background: black; border-radius: 5px; } <div class="wrapper"> <div