From bca996c1b6a07cb6afae6306884dca7b2ffd00af Mon Sep 17 00:00:00 2001
From: deepjyoti30 <deep.barman30@gmail.com>
Date: Tue, 12 May 2020 20:59:03 +0530
Subject: [PATCH] Made the search bar a bit more responsive.

---
 css/main.css   | 3 +++
 scss/main.scss | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/css/main.css b/css/main.css
index 226ad0c..a25ba6d 100644
--- a/css/main.css
+++ b/css/main.css
@@ -34,6 +34,9 @@ body {
       .main #search-bar input:focus {
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
         transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
+    @media only screen and (max-width: 791px) {
+      .main #search-bar {
+        width: 65%; } }
   .main #other-content {
     margin: 20px auto;
     padding: 10px 0; }
diff --git a/scss/main.scss b/scss/main.scss
index ba247df..9ef3705 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -52,6 +52,10 @@ body {
             }
             
         }
+
+        @media only screen and (max-width: 791px) {
+            width: 65%;
+        }
     }
 
     #other-content {