<html><head> <meta charset="utf-8"> <title>Grid in CSS</title> <style> .container { display: grid; grid-template-columns: 10rem 10rem; grid-template-rows: 5rem 5rem; gap: 5px; } .item { background: lightgray; text-align: center; } </style> </head><body> <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> </div></body></html>