+
+
+
-
-
-
-
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ diff --git a/index.html b/index.html index f35a11b..8c3b263 100644 --- a/index.html +++ b/index.html @@ -17,29 +17,42 @@ - - - - +
- - - - + - diff --git a/styles.css b/styles.css index 491d877..9a9aad2 100644 --- a/styles.css +++ b/styles.css @@ -30,6 +30,27 @@ label[for="expr"] { flex: auto; } -#enter { - grid-column: 4; +#extra-buttons { + grid-column: 1 / 5; + display: grid; + grid-template-columns: subgrid; +} + +#main-buttons { + grid-column: 1 / 5; + display: grid; + grid-template-columns: subgrid; +} + +#numerals { + grid-column: 1 / 4; + display: grid; + grid-template-columns: subgrid; +} + +#operators { + grid-column: 4; + grid-row: 1 / 3; + display: grid; + grid-template-columns: subgrid; }