Made the search bar a bit more responsive.

2020-05-12 20:59:03 +05:30
parent c18b2321f2
commit bca996c1b6
2 changed files with 7 additions and 0 deletions
--- 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; }