diff --git a/demo/src/main/resources/static/css/home.css b/demo/src/main/resources/static/css/home.css
index 89e1759..5d835bf 100644
--- a/demo/src/main/resources/static/css/home.css
+++ b/demo/src/main/resources/static/css/home.css
@@ -188,9 +188,10 @@ body, html {
 .recipe-card {
     width: 100%;
     display: flex;
+    flex-wrap: wrap;
     gap: 35px;
     justify-content: flex-start;
-    flex-direction: column;
+    flex-direction: row;
 }
 
 .card {
@@ -213,5 +214,6 @@ body, html {
 }
 
 .card-left, .card-right {
+	flex-shrink: 0;
     width: 50%;
 }
\ No newline at end of file