Live
x
<div class="container"> <div class="item item1">one</div> <div class="item item2">two</div> <div class="item item3">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
xxxxxxxxxx23
.container{ display:grid; grid-template-columns:repeat(3, 200px);/* grid-template-row:repeat(3, 200px); */ gap:5px 5px;/* 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.