JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cf-full">
    <input id="a" />
    <label class="helptext">Label</label>
</div>

CSS

.cf-full {
    position:relative;
}
.cf-full input,
.cf-full label{
    display:block;
    position:absolute;
}
.cf-full input {left:0;top:20px;}
.cf-full label{left:0;top:0px;}
@media all and (max-width: 300px){
    .cf-full input {left:0;top:0px;}
    .cf-full label{left:0;top:20px;}
}