JSFiddle - React, Tailwind, and code Playground

HTML

<form action="">
  <input type="text">
</form>
<div class="first">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>

CSS

form {
  position: absolute;
  top: 0;
  width: 100%;
} 
form input {
  width: 100%;
}
body {
  padding-top: 100px;
}
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box; 
}