r;
		grid-template-rows: 40px 10em 3em 20px;}
.header {grid-area: header;}
.leftside {grid-area: left;}
.rightside {grid-area: right;}
.content {grid-area: content;}
.footer {grid-area: footer;}
</style>
</head>
<body>

<div class="grid boxed lines small">
<span class="box01 header">header</span>
<span class="box03 leftside">left</span>
<span class="box04 rightside">right</span>
<span class="box05 footer">footer</span>
<span class="gridlines"></span>
<span class="gridlines"></span>
<span class="gridlines"><