Fixed Alignment of the herosection

alignment of the herosection
RiddhiM170904 · Oct 6, 2024 · 41d085f · 41d085f
1 parent 9c168b2
commit 41d085f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -10,9 +10,10 @@
     #google_element {
         position: absolute;
         top: 10px; /* Distance from the top */
-        left: 25%; /* Position between middle and left corner */
+        /* Position between middle and left corner */
+        margin: 40px;
         transform: translateX(-20%); /* Adjust for half the element's width */
-        z-index: 1000; /* Ensure it stays on top */
+       /* Ensure it stays on top */
     }
        /* Circle styles */
             .circle {
@@ -37,6 +38,11 @@
     }
 
     .chatbot {
+        position: fixed;
+        bottom: 0px;
+        right: 0px;
+        z-index: 50;
+        margin: 20px;
         background-color: #04aa6d;
         border-radius: 50px;
         width: 60px;
@@ -47,11 +53,6 @@
         cursor: pointer;
     }
 
-    .chatbot img {
-        width: 40px;
-        height: 40px;
-    }
-
     .chatbox {
         display: none;
         position: fixed;

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
@@ -25,9 +25,9 @@ function App() {
       </Routes>
     </Router>
 
-    <div className='fixed bottom-0 right-0 z-50 m-4 cursor-pointer'>
+    {/* <div className='fixed bottom-0 right-0 z-50 m-4 cursor-pointer'>
       <img src={chatbotsvg} alt="chatbot" className='w-16 h-16' />
-    </div>
+    </div> */}
 
 </>
   )