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
xxxxxxxxxx16
.container{ display:grid; grid-template-columns:repeat(3, 200px); grid-template-row:repeat(3, 200px); gap:10px 10px; justify-items:center;/* background-color: black; *//* justify-content:center; */}.item{ border:2px solid black; background-color: yellow;/* width:100%; */}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.