feat(CSS): remove following declaration: display:grid & justify-content: center

Author: josueJURE

index.css

@@ -22,10 +22,7 @@ body {
   border: black 1px solid;
   border-radius: 15px;
   overflow: hidden;
-  display: grid;
   background-color: rgb(27 22 22 / 39%);
-  justify-content: center;
-
 }
 
 .sliding-part {
@@ -42,9 +39,15 @@ body {
   background-color: rgb(27 22 22 / 39%);
   transform: translateX(0px);
   transition: transform 2s;
-  
+}
+
+.computation-history {
+  height: 530px;
+  width: 400px;
 
 }
+  
+
 .history-btn,
 .child {
   border: 1px black solid;
@@ -88,3 +91,5 @@ body {
   grid-column-end: 2;
 }
 
+
+

index.html

@@ -35,6 +35,7 @@
             <div data-value=")" data-operator  class="child operator">)</div>
         </div>
         <div class="computation-history">
+            hello
 
         </div>
 

index.js

@@ -1,9 +1,11 @@
 const btns = document.querySelectorAll("[data-value]");
+const computationHistory = document.querySelector(".computation-history");
 let screen = document.querySelector("[data-screen]");
 const historyBtn = document.querySelector(".history-btn");
 const slidingPart = document.querySelector(".sliding-part");
 const operators = document.querySelectorAll("[data-operator]");
 
+
 const operatorRegex = /[\/*\-+]/;
 const ZERO = 0;
 const ZERO_DOT = '0.';
@@ -14,10 +16,12 @@ console.log(slidingPart)
 
 historyBtn.addEventListener("click", () => {
   slidingPart.classList.toggle("slide")
-  console.log("history btn")
 })
 
 
+console.log(computationHistory )
+
+
 
 
 let data = [];