From bc4b4470d93c10b86e606ff28bbecbe8b5d63ce2 Mon Sep 17 00:00:00 2001 From: dipexplorer Date: Fri, 25 Oct 2024 22:09:14 +0530 Subject: [PATCH 1/3] fixing recipe images for small screen --- frontend/index.html | 9 +++++++++ frontend/src/Components/Cards.jsx | 2 +- package-lock.json | 1 + 3 files changed, 11 insertions(+), 1 deletion(-) diff --git a/frontend/index.html b/frontend/index.html index dd1396cc..04ec0332 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -16,6 +16,15 @@ TastyTrails + +
diff --git a/frontend/src/Components/Cards.jsx b/frontend/src/Components/Cards.jsx index 3ccf7b71..4cffe288 100644 --- a/frontend/src/Components/Cards.jsx +++ b/frontend/src/Components/Cards.jsx @@ -72,7 +72,7 @@ const Cards = ({ dish, setRecipes, recipes, index }) => {
{dish.name} Date: Wed, 30 Oct 2024 23:46:00 +0530 Subject: [PATCH 2/3] Update App.css --- frontend/src/App.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/frontend/src/App.css b/frontend/src/App.css index 8419445a..1ee1514a 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -113,6 +113,12 @@ } + /* responsive style for recipe images */ + @media (max-width: 768px) { + .recipe-card-img { + height: 9rem; + } + } From b26c1272ed8948c145a6cdd289b9777c366f0e5b Mon Sep 17 00:00:00 2001 From: Dip Das <126075231+dipexplorer@users.noreply.github.com> Date: Wed, 30 Oct 2024 23:47:07 +0530 Subject: [PATCH 3/3] Update index.html --- frontend/index.html | 9 --------- 1 file changed, 9 deletions(-) diff --git a/frontend/index.html b/frontend/index.html index 04ec0332..dd1396cc 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -16,15 +16,6 @@ TastyTrails - -