JSFiddle - React, Tailwind, and code Playground
HTML
<form action="">
<input type="email" name="email1" id="mail-1" placeholder="Mail of Person #1">
<input type="email" name="email2" id="mail-2" placeholder="Mail of Person #2">
<input type="email" name="email3" id="mail-3" placeholder="Mail of Person #3">
<input type="email" name="email4" id="mail-4" placeholder="Mail of Person #4">
<input type="email" name="email5" id="mail-5" placeholder="Mail of Person #5">
<input type="email" name="email6" id="mail-6" placeholder="Mail of Person #6">
<input type="email" name="email7" id="mail-7" placeholder="Mail of Person #7">
<input type="email" name="email8" id="mail-8" placeholder="Mail of Person #8">
<input type="email" name="email9" id="mail-9" placeholder="Mail of Person #9">
<input type="email" name="email10" id="mail-10" placeholder="Mail of Person #10">
<input type="email" name="email11" id="mail-11" placeholder="Mail of Person #11">
<input type="email" name="email12" id="mail-12" placeholder="Mail of Person #12">
<input type="email" name="email13" id="mail-13" placeholder="Mail of Person #13">
<input type="email" name="email14" id="mail-14" placeholder="Mail of Person #14">
<input type="email" name="email15" id="mail-15" placeholder="Mail of Person #15">
<input type="email" name="email16" id="mail-16" placeholder="Mail of Person #16">
<input type="email" name="email17" id="mail-17" placeholder="Mail of Person #17">
<input type="email" name="email18" id="mail-18" placeholder="Mail of Person #18">
<input type="email" name="email19" id="mail-19" placeholder="Mail of Person #19">
<input type="email" name="email20" id="mail-20" placeholder="Mail of Person #20">
<input type="email" name="email21" id="mail-21" placeholder="Mail of Person #21">
<input type="email" name="email22" id="mail-22" placeholder="Mail of Person #22">
<input type="email" name="email23" id="mail-23" placeholder="Mail of Person #23">
<input type="email"...