Dostosowanie strony do nowego pliku CSS

react/src/App.js

@@ -26,44 +26,38 @@ function App() {
 
   return (
     <div className="container">
-      <div className="row">
-        <div className="column">
       <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>
-        <div className="column">
+      <div className="colums" id="columns-heigh">
         <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}>
+      <button className="test" type="button" onClick={handleButtonClick}>
         Test
       </button>
-      </div>
-      <div className="row">
       <textarea
+        className='Resoult'
         placeholder="Results"
         value={results}
         onChange={(e) => setResults(e.target.value)}
       ></textarea>
     </div>
-    </div>
   );
 }