Grid Layout mit benannten Linien - 2

Semantisches Grid

Unser Grid erhält nun Benannte Linien:

	grid-template-columns: 
		[left] 1fr
		[content-start] 3fr
		[content-end] 1fr
		[right];

Der Inhalt wurde so positioniert:

#content {
	grid-column: content-start / content-end;
	grid-row: nav-start / footer-start;
}