EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The grid-row-start property in CSS</title>
	<style type="text/css">
		.wrapper {
		  display: grid;
		  grid-template-columns: repeat(3, 1fr);
		  grid-auto-rows: 100px;
		  background-color: green;
		  border: 4px solid blue;
		}
		
		.box1 {
		  grid-row-start: span 3;
		  grid-column-end: 4;
		  grid-row-end: 3;
		  background-color: pink;
		  border: 4px solid red;
		}
		
		.box2 {
		grid-row-start: span 3;
		  grid-row-end: 5;
		  background-color: purple;
		  border: 4px solid red;
		}
	</style>
</head>

<body>
	<div class="wrapper">
		<div class="box1">One</div>
		<div class="box2">Two</div>
		<div class="box3">Three</div>
		<div class="box4">Four</div>
		<div class="box5">Five</div>
	</div>
</body>

</html>