grid.html

<!DOCTYPE html>
 <html>
 <head>
	 <title>Untitled</title>
	 <meta charset="UTF-8"/>
	 <meta name="viewport" content="width=device-width,initial-scale=1.0"/> 
	 <link rel="stylesheet" href="" type="text/css"/>
 </head>
 <style>
 body{
 margin:0;
 padding:0;
 }
 .grid-con{
 display:grid;
 background:skyblue;
 grid-template-columns:auto auto auto auto; 
 grid-template-rows:80px 80px 80px 80px;
 grid-column-gap:0px;
 grid-row-gap:0px;
 }
 .fyi{
 margin-top:20px;
 background:lightblue;
 padding:4px 4px;
 border:1px solid white; 
 box-sizing:border-box;
 }
 </style>
	 <body>
	 <div class='grid-con'>
	 <div class='fyi'>
	 dhdbdyDJd
	 </div>
	 <div class='fyi'>
	 dhdbdyDJd
	 </div>
	 <div class='fyi'>
	 dhdbdyDJd
	 </div>
	 <div class='fyi'>
	 dhdbdyDJd
	 </div>
	 </div>
	
	 </body>
 </html>