Как сделать div'ы в двух соседних колонках одинаковыми по высоте?

Question

[sasha_jarvi]

Имеется адаптивная таблица на Bootstrap:

<section class="print-block__table">
  <div class="container">
     <div class="row">
         <div class="col-lg-5 offset-lg-1 pr-lg-0">
            <div class="table__header">Плюсы</div>
            <div class="table__content">печать неощутима на ткани</div>
            <div class="table__content">футболку можно гладить по рисунку</div>
            <div class="table__content">высокая стойкость рисунка при стирке</div>
        </div>
        <div class="col-lg-5 pl-lg-0">
             <div class="table__header">Минусы</div>
             <div class="table__content">самый сложный и поэтому дорогой способ шелкографии</div>
             <div class="table__content">технологически сложно достичь точной цветопередачи, некоторые цвета не выглядят так ярко, как задумывалось в макете</div>
             <div class="table__content">возможный процент брака больше, чем при других видах шелкографии, так как результат можно увидеть только после сушки</div>
         </div>
     </div>
</div>
</section>

В данный момент ее строки выглядят так:


Как сделать строки в левой колонке аналогичными по высоте строкам правой колонки?
Codepen: https://codepen.io/sasha_jarvi/pen/jgOBwm

Comments

[sasha_jarvi]

1. Но как в таком случае быть с тем, что на мобильных разрешениях колонка с плюсами должна быть сверху, а с минусами - снизу?

Answer 1

[Сергей delphinpro]

Это же таблица..

<div class="row">
    <div class="col-lg-10 offset-lg-1">
        <div class="table-resposive">
            <table class="my-custom-table">
                <tr>
                    <td class="table__header">Плюсы</td>
                    <td class="table__header">Минусы</td>
                </tr>
                <tr>
                    <td class="table__content">печать неощутима на ткани</td>
                    <td class="table__content">самый сложный и поэтому дорогой способ шелкографии</td>
                </tr>
                <tr>
                    <td class="table__content">футболку можно гладить по рисунку</td>
                    <td class="table__content">технологически сложно достичь точной цветопередачи,
                        некоторые
                        цвета не выглядят так ярко, как задумывалось в макете
                    </td>
                </tr>
                <tr>
                    <td class="table__content">высокая стойкость рисунка при стирке</td>
                </tr>
                <td class="table__content">возможный процент брака больше, чем при других видах
                    шелкографии, так как результат можно увидеть только после сушки
                </td>
            </table>
        </div>
    </div>
</div>