Make canvas responsive

style.css

@@ -45,6 +45,7 @@ footer {
 .pen-input, .grid-input {
     display: flex;
     flex-direction: column;
+    justify-content: space-between;
     margin: 20px;
 }
 
@@ -67,6 +68,7 @@ footer {
 .col-picker, .background-col-picker {
     margin: 5px;
     width: 100px;
+    padding: 0 10px;
 }
 
 .color-label {
@@ -75,7 +77,7 @@ footer {
 }
 
 .color-input {
-    width: 120%
+    width: 120%;
 }
 
 button {
@@ -87,8 +89,8 @@ button {
 
 .container{
     border: 1px solid #bbb;
-    height: 500px;
-    width: 500px;
+    max-width: 500px;
+    aspect-ratio: 1/1;
     display: flex;
     flex-wrap: wrap;
     background: rgb(180, 254, 235);