Uses: display: inline-grid
to make the grid container fit the contents.
.grid-container { display: inline-grid; grid-template-columns: auto auto auto; padding: 4px; background-color: indianred; } .grid-item { background-color: powderblue; border: 4px solid indianred; text-align: center; padding: 20px; font-size: 30px; }
<div class="grid-container">
<div class="grid-item">1</div>
<div class="grid-item">2</div>
<div class="grid-item">3</div>
<div class="grid-item">4</div>
<div class="grid-item">5</div>
<div class="grid-item">6</div>
</div>