this repo has no description
www.baileykane.co/
Widen page to make room for multiple columns of recipes
+2
-2
+2
-2
pages/recipes/index.js
+2
-2
pages/recipes/index.js
···
7
7
return (
8
8
<BaseLayout titleText={"Recipes"}>
9
9
<div className="w-full flex flex-col items-center">
10
-
<div className="w-full max-w-lg space-y-4">
10
+
<div className="w-full max-w-5xl space-y-4">
11
11
<h2>Recipes</h2>
12
12
<div className="text-lg">Behold, my lovely recipes.</div>
13
-
<SectionList className="item-list flex flex-col">
13
+
<SectionList className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3">
14
14
{recipesList.data.map((recipe, k) => (
15
15
<RecipeSectionItem
16
16
link={"/recipes/" + recipe.slug}