Grid Line Placement

Preview

Code

<style>
.container{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
}

.item{
background:#f59e0b;
color:white;
padding:20px;
}

.custom{
grid-column:1 / 3;
}
</style>

<div class="container">
<div class="item custom">1-3</div>
<div class="item">Item</div>
<div class="item">Item</div>
</div>

More Grid Items Examples (8)

Basic Grid Item Placement Grid Column Span Grid Row Span Align Self Justify Self Place Self Grid Overlap Layers Dashboard Layout