Или добавьте этот стиль в CSS-файлы

ранице: jerkydirect.com/base/opportunity - в контейнере есть 3 коробки с изображением. Тем не менее, при просмотре на большом экране - последний блок придерживается правой стороны. Он отлично смотрится в маленьком окне или мобильном телефоне, но не на большом экране. Как мне заставить это выровнять правильно?

Вот код:

<section class="plan-box opportunity">
  <div class="container">
    <div class="row">
      <h2>Choose Your Crave:</h2>

      <div class="col-xs-12 col-sm-12 col-md-12">
        <center>
          <div class="package">
            <h3>Twin Pack</h3>
            <p>2 BAGS</p>
            <ul>
              <li><span>Affiliate Price: </span><span>$19.75</span></li>
              <li><span>Retail Price:</span><span>$21.75</span></li>
              <li><span>Commission Payout:</span><span>$5.00</span></li>
            </ul>
          </div>
        </center>
      </div>

      <div class="col-xs-12 col-sm-12 col-md-4">
        <div class="package">
          <h3>family Pack <span></span></h3>
          <p>4 BAGS</p>
          <ul>
            <li><span>Affiliate Price: </span><span>$39.50</span></li>
            <li><span>Retail Price:</span><span>$41.50</span></li>
            <li><span>Commission Payout:</span><span>$10</span></li>
          </ul>
        </div>
      </div>

      <div class="col-xs-12 col-sm-12 col-md-4">
        <div class="package">
          <h3>Party Pack <span></span></h3>
          <p>10 BAGS</p>
          <ul>
            <li><span>Affiliate Price: </span><span>$79.75</span></li>
            <li><span>Retail Price:</span><span>$87.75</span></li>
            <li><span>Commission Payout:</span><span>$15</span></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

Ответы на вопрос(3)

width: 350px из.package div от css.

#service-one .package {
   width: auto !important;
}

Или добавьте этот стиль в CSS-файлы

 Daniel Jay23 окт. 2017 г., 04:54
Это именно то, что мне нужно было сделать! Это вам за решение и дополнительный ресурс!
 Daniel Jay24 окт. 2017 г., 19:26
Это решило это прекрасно. Спасибо!

HTML Код в порядке.

Проблема заключается в вашемCSS

.package {
  width: 350px;
  height: 230px;
  background-color: rgba(0,0,0,0.6);
  border: 15px solid rgba(52,53,48,0.6);
  margin: 50px 0 0;
  padding: 25px 20px;
}

Вы не должны жестко кодировать ширину с некоторымиpixel Значение, скорее, удалите значение пикселя.

Надеюсь, что это поможет вам.

Ваш ответ на вопрос