Added styles for "learning table"

react/src/App.css

@@ -1,18 +1,58 @@
-.container{
+.container, .container2 {
   margin: auto 7vw;
   padding: 75px;
   padding-top: 70px !important;
   position: relative;
   display: grid;
-  grid-template-areas: 
+  grid-template-areas:
+  "test test" 
   "dataSet columns"
   "tableQuarry columns"
-  "button ."
+  "button toggle"
   "resoult resoult";
   grid-column-gap: 2vw;
   grid-row-gap: 1vh;
 }
 
+.container2{
+  margin-bottom: 10px;
+  padding-bottom: 0;
+  grid-template-areas:
+  "learn learn"
+  "datasetL columsL"
+  "tableL columsL";
+}
+
+.headertest{
+  grid-area: test;
+  color: black;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.headerlearn{
+  grid-area: learn;
+  color: black;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.toggle{
+  grid-area: toggle;
+}
+
+.datasetL{
+  grid-area: datasetL;
+}
+
+.tableL{
+  grid-area: tableL;
+}
+
+.columsL{
+  grid-area: columsL;
+}
+
 .dataset{
   grid-area: dataSet;
 }
@@ -33,7 +73,7 @@
   grid-area: resoult;
 }
 
-.colums input{
+.colums input, .columsL input{
   height: 100%;
 }
 
@@ -66,6 +106,10 @@ button:hover {
   background-color: #0056b3;
 }
 
+.toggle{
+
+}
+
 textarea {
   width: 100%;
   height: 200px;