EXAMPLE
Run 
<!DOCTYPE html>
<html>

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