Make equals (=) button span two rows

Author: andrew-ls

index.css

@@ -127,5 +127,7 @@ body {
   grid-column-end: 2;
 }
 
-
-
+.equals {
+  grid-column: 4;
+  grid-row: 5 / span 2;
+}

index.html

@@ -29,7 +29,7 @@
             <button data-value="0" class="child zero" aria-label="Number 0">0</button>
             <button data-value="DE" class="child DE" aria-label="Delete">DE</button>
             <button data-value="." class="child" aria-label="Decimal point">.</button>
-            <button data-value="=" data-operator  class="child operator" aria-label="Equal sign">=</button>
+            <button data-value="=" data-operator  class="child operator equals" aria-label="Equal sign">=</button>
             <button data-value="history" class="history-btn" aria-label="History button">history</button>
             <button data-value="(" data-operator  class="child operator" aria-label="Opening parenthesis">(</button>
             <button data-value=")" data-operator  class="child operator" aria-label="Closing parenthesis">)</button>