body {
	
}

div.myGrid {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-template-rows: 1fr auto 3fr;
	grid-template-areas:
		"title title title"
		"nav main header"
		"nav main footer";
	grid-gap: 5px;
}

header {
	grid-area: header;
	background-color: rgba(240, 10, 67, 0.5);
}

h1 {
	grid-area: title;
	background-color: rgba(0, 255, 67, 0.5);
}

nav {
	grid-area: nav;
	background-color: rgba(240, 10, 255, 0.5);
}

section {
	grid-area: main;
	background-color: rgba(20, 10, 255, 0.5);
}

article {
	background-color: rgba(255, 65, 0, 0.3);
}

footer {
	grid-area: footer;
	background-color: rgba(50, 200, 255, 0.5);
}

footer img {
	float: left;	
}