JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="form-wrapper">Lets imagine I'm a form element wrapper</div>
    <p class="hint-block">I'm a hint text block</p>
</div>

CSS

div.container {
    position: relative;
}

div.form-wrapper {
    width: 400px;
    display: inline-block;
}

.hint-block {
    display: block;
    color: blue;
    max-width: 400px;
    width: 90%;
}

        @media screen and (min-width : 56.25em) {
            .hint-block {
                position: absolute;
                display: inline-block;
                max-width: none;
                color: red;
            }
        }