JSFiddle - React, Tailwind, and code Playground

by akselian

HTML

<div class="calc-blocks">
                            <div class="calc-blocks-text">
                                
                                <h4 class="calc-blocks_text">Выберете тип вашего авто</h4>
                            </div>
                            <div class="calc-blocks-radio mobile-f">
                                <div class="calc-blocks_radio">
                                    <h5 class="calc-blocks_radio-text">ВАЗ (8 клап)</h5>
                                    <input class="calc-blocks_radio-rad" type="radio" name="vaz_8" value="rad1">
                                   
                                </div>
                                <div class="calc-blocks_radio">
                                    <h5 class="calc-blocks_radio-text">ВАЗ (16 клап)</h5>
                                    <input class="calc-blocks_radio-rad" type="radio" name="vaz_8" value="rad1">
                                    
                                </div>
                                <div class="calc-blocks_radio">
                                    <h5 class="calc-blocks_radio-text">Нива</h5>
                                    <input class="calc-blocks_radio-rad" type="radio" name="vaz_8" value="rad1">
                                    
                                </div>
                                <div class="calc-blocks_radio">
                                    <h5 class="calc-blocks_radio-text">Иномарка</h5>
                                    <input class="calc-blocks_radio-rad" type="radio" name="vaz_8" value="rad1">
                                    
                                </div>
                             
                            </div>
                        </div>
<div class="calc_amenities-zamena">
<div class="calc_amenities-zamena-text">
                                        <h4 class="calc_amenities-zamena_text">Замена масла</h4>
                                        
                 ...

CSS

.calc_amenities-zamena {
    background-color: #021826;
}
.calc_amenities-zamena_text {
    color: #FFFFFF;
    font-size: 24px;
}
.calc-table-text_1 {
    color: #FFFFFF;
    font-size: 18px;
    width: 300px;
}
.calc-table-text     {
  color: #FFFFFF;
}
.calc-table_text {
    width: 100px;
    color: #FFCC00;
}
.calc-blocks-radio  {
  display: flex;
  justify-content: space-around;
}
.calc-blocks_radio  {
  display: flex;
  flex-direction: column;
  align-items: center;
}