content should not flow outside Akshatchaube01#334

kapilG0 · Jul 14, 2024 · bc1b4f3 · bc1b4f3
1 parent 1ad4b53
commit bc1b4f3
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 1 deletion.
diff --git a/src/components/BottomToTop.jsx b/src/components/BottomToTop.jsx
@@ -34,10 +34,30 @@ const GoToTop = () => {
 };
 
 const Wrapper = styled.div`
+@media(max-width:481px){
+bottom:7%;
+right:12%;
+display:flex;
+justify-content:center;
+align-items:center;
+position:fixed;
+color:white;
+background-color:rgb(59,130,246);
+width:48px;
+height:48px;
+z-index:9999;
+border-radius:50%;
+cursor:pointer;
+transition:transform 0.3s ease,background-color 0.3s ease;
+&:hover{
+background-color:#003a79;
+transform:translateY(-5px);
+}
+}
   display: flex;
   justify-content: center;
   align-items: center;
-  position: fixed;
+  position: fixed;6
   bottom: 17px;
   right: 10px;
   color: white;

diff --git a/src/components/chatbot.css b/src/components/chatbot.css
@@ -6,6 +6,12 @@
   right: 20px;
   z-index: 1000;
 }
+@media (max-width:481px){
+  .chatbot-container{
+  bottom: 7%;
+  right: 15%;
+  }
+}
 
 .chatbot-toggle-button {
   background-color: #007bff;