chore

src/pages/catalog/Catalog.tsx

@@ -47,17 +47,15 @@ const Catalog = () => {
   return (
     <div className={styles.layout}>
       <section className={styles.catalog}>
-        <section>
+        <form onSubmit={e => e.preventDefault()}>
-          <form onSubmit={e => e.preventDefault()}>
+          <input
-            <input
+            type="text"
-              type="text"
+            value={filterText}
-              value={filterText}
+            placeholder="Buscar"
-              placeholder="Buscar"
+            onChange={
-              onChange={
+              (event) => setFilterText(event.target.value)}/>
-                (event) => setFilterText(event.target.value)}/>
+          <button type="submit">Buscar</button>
-            <button type="submit">Buscar</button>
+        </form>
-          </form>
-        </section>
         <ProductCards products={filteredProducts} addProductLine={addProductLine}/>
       </section>
       <aside className={styles.order}>

src/pages/catalog/components/product_cards/ProductCards.module.css

@@ -1,10 +1,9 @@
 
 .container {
     display: flex;
+    flex-wrap: wrap;
     justify-content: center;
     border: 1px solid snow;
-    display: flex;
-    flex-wrap: wrap;
     border-radius: 32px;
     box-shadow: 0 24px 48px rgba(0, 0, 0, 0.1);
 }