JSFiddle - React, Tailwind, and code Playground

by Afzaal Ahmad Zeeshan

HTML

<div class="parent">
   <input type="text" name="field" />
   <input type="submit" value="Send" />
</div>

CSS

.parent {
   margin: 0 35px;
    background-color: #cecece;
    text-align: center;
    padding: 10px;
}

input[type="text"] {
  max-width: 60%; /* 60% of the parent element */
    padding: 5px;
    background-color: #999;
    margin: 0;
    border: 1px solid #000;
}

input[type="submit"] {
  max-width: 40%; /* 40% of the parent element..*/
    background-color: green;
    padding: 5px;
    margin: 0;
}