fixed the search button go outside of the box

Prajwal0225 · Nov 2, 2023 · 1ecb1bc · 1ecb1bc
1 parent 626d9ab
commit 1ecb1bc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -64,8 +64,10 @@ <h1 class="title">Your Fav Super Heroes</h1>
     <div class="heroes">
       <div id="info">
         <div>
-          <input list="filtering" type="text" placeholder="Find Your Hero" />
-          <button id="find">🔍</button>
+          <div class="info__flex">
+            <input list="filtering" type="text" placeholder="Find Your Hero" />
+            <button id="find">🔍</button>
+          </div>
         </div>
 
         <div data-aos="zoom-in">

diff --git a/styles/index.css b/styles/index.css
@@ -87,6 +87,11 @@
   gap: 50px;
 }
 
+.info__flex{
+display: flex;
+position: relative;
+}
+
 #info>div:nth-child(1) {
   position: relative;
   max-width: 400px;