fix: editor min-height 50vh, scrollable instructions on desktop

2025-12-30 21:28:48 +01:00
parent a4787731dc
commit 66e047a440
1 changed files with 3 additions and 1 deletions
--- a/src/main.css
+++ b/src/main.css
@@ -226,6 +226,8 @@ code, kbd {
 .instructions {
 	padding: var(--spacing-md);
 	border-bottom: 1px solid var(--border-color);
+	max-height: calc(50vh - 60px);
+	overflow-y: auto;
 }

 /* Smooth lesson transition */
@@ -351,7 +353,7 @@ code, kbd {
 	flex: 1;
 	display: flex;
 	flex-direction: column;
-	min-height: 0;
+	min-height: 50vh;
 	position: relative;
 }