Dokończenie pliku CSS aby był zgodny z projektem graficznym

react/src/App.css

@@ -1,44 +1,55 @@
 .container{
-  margin-left: 355px;
-  margin-right: 355px;
+  margin: auto 7vw;
   padding: 75px;
   padding-top: 70px !important;
   position: relative;
+  display: grid;
+  grid-template-areas: 
+  "dataSet columns"
+  "tableQuarry columns"
+  "button ."
+  "resoult resoult";
+  grid-column-gap: 2vw;
+  grid-row-gap: 1vh;
 }
 
-.row {
-  display: flex;
-  justify-content: space-between;
-  gap: 10%;
-  margin-bottom: 2vh;
+.dataset{
+  grid-area: dataSet;
 }
 
-.column {
-  flex: 1;
-  margin-right: 10px;
+.table{
+  grid-area: tableQuarry;
 }
 
-.column:last-child {
-  margin-right: 0;
+.colums{
+  grid-area: columns;
 }
 
-.col{
-  height: 100% !important;
+.test{
+  grid-area: button;
+}
+
+.Resoult{
+  grid-area: resoult;
+}
+
+.colums input{
+  height: 100%;
 }
 
 input.no-margin{
   margin: 0 !important;
 }
 
-input[type="text"] {
+input{
   width: 100%;
-  height: 2vh;
-  padding: 10px;
-  margin-bottom: 10px;
+  height: 5vh;
   border-radius: 17px;
   border: none;
   background-color: #F3F3F3;
   color: black;
+  padding-left: 10px;
+  
 }
 
 button {
@@ -58,9 +69,10 @@ button:hover {
 textarea {
   width: 100%;
   height: 200px;
-  padding: 10px;
   border-radius: 17px;
   border: none;
   background-color: #F3F3F3;
   color: black;
+  padding-left: 10px;
+  padding-top: 10px;
 }