diff --git a/Aberwyn/wwwroot/css/meal.css b/Aberwyn/wwwroot/css/meal.css
index 68a0460..76a3d8c 100644
--- a/Aberwyn/wwwroot/css/meal.css
+++ b/Aberwyn/wwwroot/css/meal.css
@@ -27,6 +27,11 @@
     gap: 1.5rem;
     align-items: center;
 }
+@media (max-width: 769px) {
+    .meal-header {
+        flex-direction: column; /* <-- sätt till 'row' om du vill ha bild till höger på desktop */
+    }
+}
 
 .meal-meta {
     flex: 1;