JSFiddle - React, Tailwind, and code Playground

HTML

<form target="_blank" method="get" action="/">
    <h1>Text area hidden examples</h1>
    <h2>Hide but take up space (notice the gap below)</h2>
    <hr />
    <textarea class="hideButTakeUpSpace" rows="2" cols="20"></textarea>
    <hr />

    <h2>Hide Don't take up space</h2><hr />
    <textarea class="hideDontTakeUpSpace" rows="2" cols="20"></textarea><hr />
        <h2>Not hidden</h2><hr />
    <textarea rows="2" cols="20"></textarea><hr />
        <input type="submit" />
</form>

CSS

.hideButTakeUpSpace
        {
            visibility: hidden;
        }

        .hideDontTakeUpSpace
        {
            display:none;
        }