<div class=" m-y-8 flex flex-column">
      <label class="m-y-4 ">Email:</label>
      <input type="email" class="width-scaled4-8 pd-4 border-1 border-solid border-black-700  text-s rounded-s text-color-grey-9 " placeholder="Email Id">
</div>
<div class="m-y-8 flex flex-column">
     <label class="m-y-4">Email:</label>
     <input type="email" class=" width-scaled4-8 pd-4 border-1 border-solid border-black-700  text-s rounded-s text-color-grey-9" placeholder="Email Id">
     <span class="text-color-red-5 m-y-3">*Invalid Input </span>
</div>
<div class="m-y-8 flex flex-column">
     <label class="m-y-4">Email:</label>
     <input type="email" class=" width-scaled4-8 pd-4 border-1 border-solid border-black-700  text-s rounded-s text-color-grey-9" placeholder="Email Id">
     <span class="text-color-green-6 m-y-3">*Valid Input </span>
</div>