From 1ddb1041c3ecd00d017be0cce8ce396f064794af Mon Sep 17 00:00:00 2001 From: shrinidhihegde3 Date: Thu, 27 Jul 2023 20:26:05 +0530 Subject: [PATCH] made responsive --- style.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/style.css b/style.css index f432e42..00fdc05 100644 --- 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); + } } \ No newline at end of file