.index h2 {
	font-size: inherit;
}

#recipeLink ul {
	display: inline-table;
	table-layout: fixed;
}
#recipeLink ul::after {
	content: none;
}
#recipeLink li {
	display: table-cell;
	vertical-align: middle;
}
#recipeLink li img {
	border: 1px solid #ccc;
}

@media all and (max-width: 640px) {
	.index {
		margin-bottom: 2em;
	}
	.index h2 {
		margin: -2em auto 0;
		width: 10em;
	}
	.index .body {
		margin-top: 1em;
	}
	#recipeLink {
		margin: 1em 0 -2.5em;
	}
	#recipeLink ul {
		width: 100%;
		border-spacing: 1em;
	}
}
@media all and (min-width: 641px) {

	.index {
		display: grid;
		grid-column-gap: 1.5em;
		align-items: center;
		margin: 2em 0 -3em;
		padding: 0 2em;
	}
	.index::after {
		content: none;
	}

	wc-block:nth-of-type(odd) .index {
		grid-template-columns: max-content 1fr;
		grid-template-areas: 'h2 body';
	}
	wc-block:nth-of-type(even) .index {
		grid-template-columns: 1fr max-content;;
		grid-template-areas: 'body h2';
	}

	.index h2 {
		grid-area: h2;
		/* width: 11em; */
		width: 13em;
	}
	.index .body {
		grid-area: body;
	}

	#recipeLink {
		margin: 1em 0 -4.5em;
	}
	#recipeLink h2 img {
		width: 19em;
	}
	#recipeLink ul {
		border-spacing: 1.5em;
	}
	#recipeLink li {
		width: 13.5em;
	}

}