JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="small-11 small-centered columns">
        <form>
            <fieldset>
                <legend>
                    <h4>Форми участі</h4>
                </legend>
                <label>Checkbox</label>
                <input type="checkbox" id="myCheckbox"/>
                <div id="container">
                    <label>Секція
                        <input type="text" placeholder="введіть текст"/>
                    </label>
                    <label>Назва доповіді
                        <input type="text" placeholder="введіть текст"/>
                    </label>
                    <label>Необхідні технічні засоби
                        <input type="text" placeholder="введіть текст"/>
                    </label>
                </div>
                        
            </fieldset>
        </form>
    </div>
</div>

CSS

#myCheckbox:checked + #container {
    border: 1px solid red;
}