Как иметь столбцы с одинаковой высотой в отзывчивом дизайне

Question

Я использую plug-аж jewery matchHeight, чтобы мои столбцы имели равную высоту. Он отлично работал, пока я не добавил два столбца внутри другого столбца.

Это сайт http://heartcrossings.businesscatalyst.com/

Как вы можете видеть в Любовь Истории раздел содержание теперь выходит из основной колонны и фон не простирающийся с ним.

Если добавить больше контента к «вашим руководствоваться путевыми» секции он регулирует фон в обеих колонках, чтобы быть таким же, но если добавить его в любовных историй раздел этого не происходит.

Answer 1

Попробуйте добавить display: inline-table; в свой ящик класса

.box { 
    background: url(../images/box-bkg.png) repeat; 
    display: inline-table; 
    padding: 20px; 
}