<form class="form-area">
    <div class="flex-col ">
        <label for="email">Email</label>
        <input class="input-height margin margin-top-down-10px" type="email" placeholder="abc@gmail.com" required/>
    </div>
                    
    <div class="flex-col">
        <label for="name">Name</label>
        <input class="input-height margin margin-top-down-10px" type="text" placeholder="Enter your name" required/>
    </div>
                    
    <div class="flex-col">
        <label for="password margin">Password</label>
        <input class="input-height margin margin-top-down-10px" type="password" placeholder="Enter your password" required/>
    </div>
                    
    <div class="flex-col">
        <label for="confirm-password" >Confirm Password</label>
        <input class="input-height margin-top-down-10px"type="password" placeholder="Re-enter password" required />
        <span class="error">Passwords not matched. Try Again</span>
    </div>                 
              
    <button class="solid primary-solid margin-top-down-10px">submit</button>
</form>