<!DOCTYPE html>
<html>
  <head>
    <title>Example 22</title>
    <meta charset="utf-8">
    <style>
	body {
		margin: 40px;
	}

	.sidebar {
		grid-area: sidebar;
	}

	.content {
		grid-area: content;
	}

	.header {
		grid-area: header;
	}


	.wrapper {
		display: grid;
    grid-gap: 10px;
		grid-template-columns: 120px 120px 120px;
		grid-template-areas:
    "header  header  header" 
		"sidebar content content";
		background-color: #fff;
		color: #444;
	}

	.box {
		background-color: #444;
		color: #fff;
	