feat: make previewed code block responsive

3w36zj6 · 3w36zj6 · commit c82f4520459d · 2025-10-27T23:12:04.000+09:00
diff --git a/src/globals.css b/src/globals.css
@@ -94,7 +94,7 @@ samp {
 
 /* Previewed code block with side-by-side layout */
 .previewed-code {
-	@apply rounded-md overflow-hidden flex;
+	@apply rounded-md overflow-hidden flex flex-col lg:flex-row;
 }
 
 .previewed-code pre {

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ samp {`
`94`	`94`
`95`	`95`	`/* Previewed code block with side-by-side layout */`
`96`	`96`	`.previewed-code {`
`97`		`- @apply rounded-md overflow-hidden flex;`
	`97`	`+ @apply rounded-md overflow-hidden flex flex-col lg:flex-row;`
`98`	`98`	`}`
`99`	`99`
`100`	`100`	`.previewed-code pre {`