diff --git a/index.html b/index.html index f692750..fc42722 100644 --- a/index.html +++ b/index.html @@ -54,7 +54,9 @@ - +
+ +
diff --git a/style.css b/style.css index 685c196..33f086f 100644 --- a/style.css +++ b/style.css @@ -56,18 +56,18 @@ section *:last-child { div#buttons { width: 100%; display: flex; + flex-wrap: wrap; flex: row; - justify-content: space-between; - align-items: flex-start; gap: 5px; } div#buttons > * { - width: 100%; + flex: 1; } -div#buttons > * > button { +div#buttons button { width: 100%; + white-space: nowrap; } .column { @@ -78,10 +78,13 @@ div#buttons > * > button { align-items: flex-start; gap: 32px; flex: 1; + min-width: 0; } #canvas-area { background-color: black; + aspect-ratio: 480 / 360; + width: 100%; } #console-section {