Search form responsive

Search form fluid

<h1>Resize the window</h1>

<form>
    <div class="form-element textfield">
      <input type="text">
    </div>
  
  <div class="form-element submit-btn">
    <input type="submit" value="Search">
  </div>
  
</form>

search-form-fluid.markdown

Search form fluid

A Pen by Marcelo Tosco on CodePen.

style.css

.form-element {
  display: table-cell;
  box-sizing: border-box;
}

.textfield {
  width:100%
}

.textfield > input {
  width:100%
}


/*********************************
This is just some styling.
*********************************/
form {
  background: purple;
  padding:12px;
}

input {
  padding:10px;
}