JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="col pl-0 pr-0 text-center vide_content"><div id="load1" class="text-center"><!--Рулонки-->
        <input id="vide1" name="vide" value="Мини" type="radio">
        <label for="vide1" name="vide1">
            <img class="pro" src="/imagesbd/mini1.jpg">
            <p>Мини</p>
        </label>
        <input id="vide2" name="vide" value="Кассета" type="radio">
        <label for="vide2" name="vide2" class="mt-2">
            <img class="pro" src="/imagesbd/kasseta.jpg">
            <p>Кассета</p>
        </label>
        <input id="vide3" name="vide" value="Кассета+" type="radio">
        <label for="vide3" name="vide3" class="mt-2">
            <img class="pro" src="/imagesbd/kassetaC.jpg">
            <p>Кассета+</p>
        </label>
</div>
</div>
 
<div id="krepeg" class="col-6 text-center border-primary pt-3">
    <h1 class="h5 font-weight-bold font-italic pb-2">Тип крепления</h1>
    <input id="krep1" name="krep" type="radio">
    <label for="krep1" name="krep_a">
    <img class="pro" src="/imagesbd/1.png">
    <p>На створку</p>
    </label>
    <input id="krep2" name="krep" type="radio">
    <label for="krep2" name="krep_b" class="pl-sm-4 mt-2">
    <img class="pro" src="/imagesbd/2.png">
    <p>На весь проём</p>
    </label>
    </div>