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;
+      }
+  }