JSFiddle - React, Tailwind, and code Playground

HTML

<div class="questions">
    
    <p class="reqired">
        <label for="name"><span class="label">Navn:</span></label>
        <fieldset class="error"><input name="name" class="text" type="text" value=""/>
            
            
            <div class="errorText hidden"></div>
        </fieldset>
    </p>
    
    <div style="display: none;">
        
        <label for="surname"><span class="label">Your surname:</span></label>
        <fieldset class="error"><input name="surname" class="text" type="text" value=""/>
            
            <div class="errorText hidden"></div>
        </fieldset>
        
    </div>
    
    <p class="required">
        
        <label for="email"><span class="label">Epost:</span></label>
        <fieldset class="error"><input name="email" class="text" type="text" value=""/>
            
            <div class="errorText hidden"></div>
        </fieldset>
    </p>
    
    <p class="required">
        
        <label for="msg"><span class="label">Melding:</span></label>
        <fieldset class="error"><textarea name="msg"></textarea>
            
            <div class="errorText hidden"></div>
        </fieldset>
    </p>
    
</div>

CSS

.questions
{
    border: 1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding-left:10px;
    width:300px;
}

.questions textarea,
.questions input
{
    border: 1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.questions textarea
{
    width:280px;
    max-width:280px;
    height:50px;
    font-family:"Helvetica", sans-serif;
}

.questions input
{
    height:50px;
    font-weight:bold;
}

.chng-width
{
    width:100px;
}

#productContactForm textarea
{
    width:200px;
    max-width:100px;
    height:50px;
    font-family:"Helvetica", sans-serif;
}

input:focus, textarea:focus, select:focus
{
    background: #ebf9fc;
}