How to modify this block?

Question

css

In general, there is such a bootstrap block, of course.

Here is his code

Block code

<div class="col-lg-6 col-md-6">
        <!-- Pricing Item -->
        <div class="pricing-item">
          <div class="pricing-heading">
            <!-- Title -->
            <div class="title">
              <h6>Сварщик-слесарь 1 разряда</h6>
            </div>
            <!-- Price -->
            <div class="price">
              <p>Зарплата</p>
              <h2>700<span>р</span></h2>

            </div>
          </div>
          <div class="pricing-body">
            <!-- Feature List -->
            <ul class="feature-list m-0 p-0">
              <li><p><span class="fa fa-check-circle available"></span>График 2/2</p></li>
              <li><p><span class="fa fa-check-circle available"></span>Соц.пакет</p></li>
              <li><p><span class="fa fa-check-circle available"></span>Отпуска и премии</p></li>
              <li><p><span class="fa fa-check-circle available"></span>Общежитие для иногородних</p></li>
            </ul>

          </div>


          <div class="pricing-footer text-center">
            <a href="#" class="btn btn-transparent-md">Откликнуться</a>
          </div>
        </div>
      </div>

I want to add another column to the right so that I can display the requirements from the database. It's kind of schematic like this

. Something I'm torturing this block and it's not quite right. Can you tell me how to add this column?

Answer 1

but you can't row> col-md-6and col-md-6?