Pain Perdu
with Cream Cheese Filling
2 servings+ $20.00
Made to share
Components
Recipe Tiles
The default tile introduces a recipe for the first time (like the weekly menu). Minimized tiles are for recipes someone has already picked.
Default tile
Used at all breakpoints.
Roasted Herbed Chicken Bowl
with Kale and Carrots
2 servings
Popular
Pan Roasted Salmon
with Lemon Butter
2 servings+ $5.00
Seafood
Width
343px
Image height
180px
Corner radius
8px
Padding
16px
Line spacing
8px
Minimized tiles
80px image with a 4px white frame, 12px padding. Title is vertically centered; the action icon can be filled or bare.
White Pizza with Broccolini
Raspberry-Thyme Pork Chop
+$5.00
How tiles stretch
Minimized tiles have a minimum size. Prefer stretching horizontally to keep the image ratio; if width is limited, the tile grows taller to fit a long title.
Menu grid example
Four tiles per row on large screens, two on tablets, one on phones. Switch devices to compare.
Pain Perdu
with Cream Cheese Filling
2 servings+ $20.00
Made to share
Roasted Herbed Chicken Bowl
with Kale and Carrots
2 servings
Popular
Pan Roasted Salmon
with Lemon Butter
2 servings+ $5.00
Seafood
Spinach-Feta Khachapuri
with Urfa Chile Yogurt
2 servings
Vegetarian
Web · 1024px and up · 4 per row