Live
x
<div class="container"> <div class="item item1">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
xxxxxxxxxx21
.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;}/* .item1{ border:2px solid black; background-color: yellow; grid-column-start:1; grid-column-end:3;} */
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.