JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<input class="form" />
<input class="form" />
<input class="form" />
<input class="form" />
<input class="form" />
<input class="form" />
<input class="form" />
<input class="form" />
</div>

CSS

html,body{
  margin: 0;
  padding: 0;
}

#container{
  width: 100%;
  background-color:red;
  margin:0;
  display: flex;
}

.form{
  flex: 1;
  min-width: 0;
  margin:0;
}