Dostosowanie strony do nowego pliku CSS

react/src/App.js

@@ -26,43 +26,37 @@ function App() {
 
   return (
     <div className="container">
-      <div className="row">
-        <div className="column">
-          <input
-            type="text"
-            placeholder="Dataset quarry"
-            value={datasetQuarry}
-            onChange={(e) => setDatasetQuarry(e.target.value)}
-          />
-          <input
-            type="text"
-            placeholder="Table quarry"
-            value={tableQuarry}
-            onChange={(e) => setTableQuarry(e.target.value)}
-          />
-        </div>
-        <div className="column">
-          <input
-            className="col"
-            type="text"
-            placeholder="Columns"
-            value={columns}
-            onChange={(e) => setColumns(e.target.value)}
-          />
-        </div>
-      </div>
-      <div className="row">
-        <button type="button" onClick={handleButtonClick}>
-          Test
-        </button>
-      </div>
-      <div className="row">
-        <textarea
-          placeholder="Results"
-          value={results}
-          onChange={(e) => setResults(e.target.value)}
-        ></textarea>
+      <input
+        className='dataset'
+        type="text"
+        placeholder="Dataset quarry"
+        value={datasetQuarry}
+        onChange={(e) => setDatasetQuarry(e.target.value)}
+      />
+      <input
+        className='table'
+        type="text"
+        placeholder="Table quarry"
+        value={tableQuarry}
+        onChange={(e) => setTableQuarry(e.target.value)}
+      />
+      <div className="colums" id="columns-heigh">
+        <input
+          type="text"
+          placeholder="Columns"
+          value={columns}
+          onChange={(e) => setColumns(e.target.value)}
+        />
       </div>
+      <button className="test" type="button" onClick={handleButtonClick}>
+        Test
+      </button>
+      <textarea
+        className='Resoult'
+        placeholder="Results"
+        value={results}
+        onChange={(e) => setResults(e.target.value)}
+      ></textarea>
     </div>
   );
 }