search

src/Components/HomePage/index.jsx

@@ -1,6 +1,7 @@
 import Header from "../Header";
 import styles from "./style.module.scss";
 import TableMeets from '../TableMeets/TableMeets'
+import { style } from "@mui/system";
 const events = [
     {
       id: 1,
@@ -47,7 +48,17 @@ const HomePage = () => {
                     </select>
                 </div>
             </div>
-            
+            <div className={styles.NewContainer}>
+                <div className={styles.search_container}>
+                    <div className={styles.search__descr}>100 мероприятий</div>
+                    <select className={styles.select} name="type__meeting">
+                        <option value="">Тип мероприятия</option>
+                    </select>
+                </div>
+            </div>
+            <div className={styles.cards__container}>
+                <div className={styles.card}></div>
+            </div>
         </section>
 
         

src/Components/HomePage/style.module.scss

@@ -71,4 +71,17 @@
         width: 93%;
         margin-top: 30px;
     }
-   }
+   }
+.NewContainer {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 40px;
+}
+.search_container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.search__descr {
+    margin-right: 25px;
+}