diff --git a/public/css/app.css b/public/css/app.css index afa23f8..60fcdb9 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -211,21 +211,20 @@ code { display: flex; flex-direction: row; align-items: stretch; - flex-wrap: wrap; background: rgb(255,255,255,0.9); } .editor { + flex-basis: 50%; flex-grow: 1; - min-width: 300px; } .right { - min-width: 200px; - width: 50%; display: flex; + flex-basis: 50%; flex-direction: column; - height: 100%; + max-height: 100%; + min-height: 0; } .console { @@ -248,3 +247,9 @@ code { flex-direction: row; gap: 2rem; } + +@media (width <= 600px) { +.editor-container { + flex-direction: column; +} +} diff --git a/views/play.html b/views/play.html index ad25f00..5f0e81a 100644 --- a/views/play.html +++ b/views/play.html @@ -82,9 +82,6 @@