Live
<div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item" id="Item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div></div>
Live
x
.container { width: 100%; height: 400px; background-color: aliceblue; border: skyblue solid 2px;}.item { background-color: skyblue; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: xx-large; color: white; text-align: center; padding: 10px;}.container { display: grid; grid-template-columns: auto auto auto; gap: 10px; height: 300px; justify-items: start; /* justify-items: end; */ /* justify-items: center; */ /* justify-items: stretch; */}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.