Masthead content adjustment for narrow size layout

Signed-off-by: Hofi <hofione@gmail.com>

Author: HofiOne

_sass/minimal-mistakes/minimal-mistakes/_masthead.scss

@@ -51,7 +51,19 @@
 .site-title {
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
+  display: inline-flex !important;
+  flex: min-content;
+  max-width: min-content;
+  @include breakpoint($small) {
+    max-width: max-content;
+  }
+  @include breakpoint($large) {
+    max-width: max-content;
+  }
+  @include breakpoint($x-large) {
+    max-width: max-content;
+  }
+
   -ms-flex-item-align: center;
   align-self: center;
   font-weight: bold;

_sass/minimal-mistakes/minimal-mistakes/_search.scss

@@ -80,6 +80,7 @@
       padding: 0.1em;
 
       width: 70%;
+      min-width: 100px;
       max-width: 300px;
       @include breakpoint($large) {
         width: 60%;