EXAMPLE
Run
<!DOCTYPE html>
<html>

<head>
	<title>The grid-area property in CSS</title>
	<style type="text/css">
		#grid {
		  display: grid;
		  height: 100px;
		  grid-template: repeat(4, 1fr) / 50px 100px;
		}
		
		#item1 {
		  background-color: skyblue;
		  grid-area: some-grid-area;
		}
		
		#item2 {
		  background-color: deeppink;
		}
		
		#item3 {
		  background-color: red;
		}
	</style>
</head>

<body>
	<div id="grid">
		<div id="item1"></div>
		<div id="item2"></div>
		<div id="item3"></div>
	</div>
</body>

</html>