JSFiddle - React, Tailwind, and code Playground

by badge2033

HTML

<div class="fielddiv">

<div class="fieldrow"><label>First Name*</label>
<input name="firstname" required="" type="text" /></div>

<div class="fieldrow"><label>Email*</label>
<input name="email" required="" type="email" /></div>

<div style="padding-top: 40px; text-align: center;"><input type="submit" value="SIGN ME UP" /></div>

</div>

CSS

.fielddiv {
text-align: center;
margin: auto;
width: auto;
}

.fieldrow {
display: inline-block;
margin: auto;
text-align: center;
padding: 20px;
width:50%;
max-width: 800px;
}
@media (max-width:400px)
{
	.fieldrow{
		width:100%;
	}
}

input {
	width:70%;
}