title: Adjust width of textbox and make mobile responsive
body: <p>I am trying to make my textbox and button look responsive and stays inline-block even when I use mobilephone.I want the width of the text boxes to expand based on the browser to use more of the screen.
  My html look like this: </p>
  
  <pre><code>&lt;div id="wrapper"&gt;
           &lt;li class="input-button"&gt; 
             &lt;div style="float:left;"&gt;                      
            &lt;input type="text" id="KUNDE" placeholder="Search by name or ID." value="" size="60"/&gt;  
             &lt;div id="loader" style="display:none;"&gt;&lt;img src="loader.gif" /&gt;&lt;/div&gt;            
                                  &lt;/div&gt;   
                &lt;div style="float:left;margin-left:10px;"&gt;              
             &lt;button id="buton" type="button" class="btn-style" value="search" onclick="find();"&gt;Hent&lt;/button&gt; 
                                  &lt;/div&gt; 
                &lt;/li&gt;        
             &lt;/div&gt;
  </code></pre>
  
  <p>and css part look like this:</p>
  
  <pre><code>body{   
      background: #f5fffa;
      font-family: 'Lora', serif;
      font-family: 'Montserrat', sans-serif;
  }
  #wrapper {
   max-width: 940px;
    margin:0 auto;
    padding:0;
  }
  .input-button
  {
  margin:20px auto;
  display:inline-block;
  }
  #KUNDE{ 
     padding: 10px 5px;
     font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
     border: 1px solid #a4c3ca;
     background: #f1f1f1;
     border-radius: 5px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);  
  }
  .btn-style {
  padding:5px;
  border: 1px solid #00748f;
  height: 42px;
  width: 100px;
  cursor: pointer;
  font: bold 12px Arial, Helvetica;
  border-radius: 5px;      
  text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
  background-color: lightblue;
  
  }
  </code></pre>
  
  <p>I have tried to implement CSS3 flexbox and CSS calc() like adding  <code>#Kunde { display: flex; }</code> and <code>.input-button input { width: calc(100% - 160px); }</code>
  and removing the size="60" from html and using width attribute in CSS like <code>#KUNDE{ width=100%; }</code>. Those methods did not help me out the solve problems or I couldn't use them in the proper way :(</p>
  
  <p>Any suggestion will be highly appreciated.   </p>