fix basic grid issues

Author: i-hardy

dotcom-rendering/src/layouts/HostedLayout.tsx

@@ -32,14 +32,20 @@ export const HostedLayout = (props: WebProps | AppProps) => {
 					</div>
 				</header>
 				<div css={[grid.container]}>
-					<div css={[grid.column.left]}>Left column</div>
-					<div css={[grid.column.right]}>Right column</div>
-					<div css={[border, grid.column.centre]}>Standfirst</div>
+					<div css={[grid.column.left, 'grid-row: 1']}>
+						Left column
+					</div>
+					<div css={[grid.column.right, 'grid-row: 1']}>
+						Onward content
+					</div>
+					<div css={[border, grid.column.centre, 'grid-row: 1']}>
+						Standfirst
+					</div>
 					<div css={[border, grid.column.centre]}>Meta</div>
 					<article css={[border, grid.column.centre]}>Body</article>
 				</div>
-				<div css={[grid.container]}>
-					<div css={[border, grid.column.all]}>Onward</div>
+				<div css={[grid.container, border]}>
+					<div css={[grid.column.all]}>Footer</div>
 				</div>
 			</main>
 		</>