recipes: replace Card with CompactCard + CSS grid on all sub-pages

Migrate all recipe sub-pages from the old fixed-size Card component
inside flex-wrap Recipes wrapper to CompactCard with responsive CSS
grid for visual consistency with the main recipes page.
This commit is contained in:
2026-02-16 18:46:59 +01:00
parent 7e94758b23
commit c53aee7123
13 changed files with 107 additions and 91 deletions

View File

@@ -306,27 +306,6 @@
z-index: 10;
}
/* ─── Recipe grid ─── */
.recipe-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1.5em;
padding: 0 1.5em;
max-width: 1400px;
margin: 0 auto 2em;
}
@media (min-width: 600px) {
.recipe-grid {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
}
@media (min-width: 1024px) {
.recipe-grid {
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 1.8em;
}
}
.sentinel {
height: 1px;
}