HTML
CSS
JavaScript
<div class='container'><div class='item'>1</div><div class='item'>2</div><div class='item'>3</div><div class='item'>4</div></div>
.container { display: grid; grid-template-columns: repeat(2, 100px); height: 200px; place-content: center; background-color: lightgray; } .item { background-color: coral; padding: 20px; text-align: center; border: 2px solid darkorange; }
// No JavaScript required for this demo
1
2
3
4