EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The grid-auto-rows property in CSS</title>
	<style type="text/css">
		#grid {
		  height: 200px;
		  width: 200px;
		  display: grid;
		  gap: 10px;
		  grid-template: repeat(4, 1fr) / repeat(2, 1fr);
		  grid-auto-flow: row dense;
		}
		
		#item1 {
		  background-color: yellow;
		  grid-row-start: 3;
		}
		
		#item2 {
		  background-color: purple;
		}
		
		#item3 {
		  background-color: green;
		}
		
		#item4 {
		  grid-column-start: 2;
		  background-color: deeppink;
		}
		
		#item5 {
		  background-color: black;
		}
	</style>
</head>

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

</html>