diff --git a/public/css/grocy.css b/public/css/grocy.css
index 45c4588f..02155df3 100755
--- a/public/css/grocy.css
+++ b/public/css/grocy.css
@@ -662,3 +662,24 @@ canvas.drawingBuffer {
 	pointer-events: none;
 	opacity: 0.5;
 }
+
+@media only screen and (min-width: 60rem) {
+	/* See ingredients and recipe side by side */
+
+	.fullscreen [id^=recipe-] .tab-content {
+		display: flex;
+	}
+
+	.fullscreen [id^=recipe-] .nav-tabs {
+		display: none;
+	}
+
+	.fullscreen [id^=recipe-] [id^=ingredients-] {
+		width: 20rem;
+		padding-right: 3rem;
+	}
+
+	.fullscreen [id^=recipe-] [id^=prep-] {
+		display: inline;
+	}
+}
\ No newline at end of file