made responsive

shrinidhihegde3 · Jul 27, 2023 · 1ddb104 · 1ddb104
1 parent 840977d
commit 1ddb104
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -88,4 +88,20 @@ body{
 }
 .quote-box button:hover{
     background-color: #0bb4c4;
+}
+
+@media(max-width:800px){
+
+    .quote-box{
+        background: #fff;
+        width: 400px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%,-50%);
+        padding: 40px;
+        border-radius: 10px;
+        text-align: center;
+        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
+    }
 }