Live
x
<div class="container"> <div class="item">one</div> <div class="item">two</div> <div class="item">three</div> <div class="item">four</div> <div class="item">five</div> <div class="item">six</div> <div class="item">seven</div> <div class="item">eight</div> <div class="item">nine</div></div>
Live
xxxxxxxxxx10
.container{ display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-row:1fr 1fr 1fr; gap:10px 10px;}.item{ border:2px solid black;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.