/* make the social buttons self-clearing so they don't overlap the recipe grid */
.wp-socializer::after {
	overflow: auto;
}
.recipe-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
	grid-row-gap: 15px;
	margin-bottom: 20px;
	max-width: 100%;
}
.recipe-grid-item {
	text-align: center;
}
.recipe-grid-item a {
	display: block;
}
.recipe-grid-item p {
	margin: 0;
}