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 {