diff --git a/style.css b/style.css index 9d76779..aaa31db 100644 --- a/style.css +++ b/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);