Layout Cookbook
Ready-to-copy layout recipes.
Scan the diagram, copy the code, and adjust to your needs.
Recipes
| Recipe | Description | Tech |
|---|---|---|
| Flex Row Cards | A row of evenly sized cards. | Flexbox |
| Grid Dashboard | Header, sidebar, and main content area. | Grid |
| Holy Grail Layout | Classic 3-column layout with header/footer. | Flexbox |
| Sticky Footer | Footer stays at bottom even with little content. | Flexbox |
| Media Card | Image on left, text on right. | Flexbox |