positioned.
.grid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); grid-template-rows: masonry; masonry-auto-flow: next ; } .positioned { grid-column: 2 / 4; }
<div class="grid"> <div class="item" style="block-size: 2em;"></div> <div class="item" style="block-size: 3em;"></div> <div class="item" style="block-size: 1.6em;"></div> <div class="item" style="block-size: 4em;"></div> <div class="item positioned" style="block-size: 3.2em;">positioned.</div> <div class="item" style="block-size: 3em;"></div> <div class="item" style="block-size: 4.5em;"></div> <div class="item" style="block-size: 1em;"></div> <div class="item" style="block-size: 3.5em;"></div> <div class="item" style="block-size: 2.8em;"></div> </div>