From 1ecb1bc96d1faaeb6591999953436a75f832c418 Mon Sep 17 00:00:00 2001
From: love-sonkar <loveboss806@gmail.com>
Date: Thu, 2 Nov 2023 21:45:41 +0530
Subject: [PATCH] fixed the search button go outside of the box

---
 index.html       | 6 ++++--
 styles/index.css | 5 +++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index b65fc6b..1766349 100644
--- 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
index 6862daa..cddb619 100644
--- 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;