search bar sitting next to posts, and correctly wrapping with decreas…

…ed window size
Gift-WrApp-Crew · Feb 19, 2023 · 7f69b9e · 7f69b9e
1 parent f78c2b8
commit 7f69b9e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/App.css b/src/App.css
@@ -4,3 +4,9 @@
   margin-right: auto;
   width: 300px;
 }
+
+.Feed {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
diff --git a/src/App.jsx b/src/App.jsx
@@ -25,7 +25,7 @@ export default function App() {
         <img className={styles.Logo} src="./newlogo.png" />
       </header>
 
-      <main>
+      <main className={styles.Feed}>
         <Routes>
           <Route
             exact

diff --git a/src/components/SearchBar.css b/src/components/SearchBar.css
@@ -1,6 +1,5 @@
 .SearchBar {
   display: flex;
-  margin-left: 50px;
 }
 
 .SearchForm {